在互動式通信中使用圖表

圖表或圖表是資料的視覺表示。 它將大量資訊濃縮成易於理解的視覺格式，使互動式通信的接收方能夠更好地對複雜的資料進行可視化、解譯和分析。

建立互動式通訊時，您可以新增圖表，以從互動式通訊的表單資料模型以視覺化方式呈現二維資料。 圖表元件允許您添加和配置以下類型的圖表：圓形圖、列、環形圖、條形圖、線條圖、線條圖和點圖、點圖、區域圖和像限圖。

在互動式通訊中新增及設定圖表

執行下列步驟以在互動式通訊中新增和設定圖表：

1. 點選 元件 從互動式通訊的旁邊。

2. 拖放 圖表 元件至下列其中一個元件：

   • 打印通道：目標區域或影像欄位
   • Web頻道：面板或目標區域

3. 在「互動式通訊」編輯器中點選圖表元件，然後選取 配置( )。

   圖表屬性顯示在左窗格中。

   

   打印通道中線型圖的基本屬性

   

   Web通道中線型圖的基本屬性

4. 設定 圖表屬性 根據通道類型。

5. （僅限列印管道） 代理設定，指定代理是否必須使用此圖表。 如果 t是代理使用此圖表的必填項目 選項，則代理可以點選 內容 頁簽顯示或隱藏圖表。

   

6. 點選 以保存圖表屬性。

   點選 預覽 查看與圖表關聯的外觀和資料。 點選 編輯 重新配置圖表的屬性。

配置圖表屬性

在為打印通道和Web通道建立圖表時配置以下屬性：

在圖表中使用函式

您可以設定圖表，使用統計函式從來源資料計算值，以便在圖表上繪製。 在圖表中套用函式，即可繪製非表單資料模型直接提供的資料。

雖然圖表元件附帶一些內建功能，但您可以編寫 自訂函式 並讓它們可用於網頁頻道的圖表設定中。

圖表元件預設提供下列函式：

平均值 傳回X或Y軸上其他軸上指定值的平均值。

總和 傳回X或Y軸上其他軸上指定值的所有值總和。

最大值 傳回X或Y軸上另一個軸上給定值的最大值。

頻率 傳回X軸或Y軸上其他軸上指定值的值數。

範圍 傳回X或Y軸上另一個軸上指定值之值的最大值與最小值之差。

中位數 傳回在X或Y軸上，將較高和較低值分隔為一半的值，以分隔另一個軸上的指定值。

最低 傳回X或Y軸上另一個軸上給定值的最小值。

模式 傳回值，在X或Y軸上，最常出現另一個軸上指定值的值。

如需詳細資訊，請參閱 範例2:和頻函式線上圖中的應用.

Web通道中的自訂函式

除了在圖表中使用預設函式外，您還可以在JavaScript™中編寫自定義函式，並在Web通道的圖表元件的函式清單中使用這些函式。

函式以陣列或值和類別名稱作為輸入，並返回值。 例如：

Multiply(valueArray, category) {
 var val = 1;
 _.each(valueArray, function(value) {
 val = val * value;
 });
 return val;
}

撰寫自訂函式後，請執行下列操作，使其可用於圖表配置：

1. 在與相關互動式通訊相關聯的用戶端程式庫中新增自訂函式。 如需詳細資訊，請參閱 設定提交動作 和 使用用戶端程式庫.

2. 若要在「函式」下拉式清單中顯示自訂函式，請在CRXDe Lite中建立 nt:unstructured 節點（位於應用資料夾中），具有以下屬性：

   • 新增屬性 guideComponentType 值為 fd/af/reducer. （強制）

   • 新增屬性 value 填入自訂JavaScript™函式的完全限定名稱。 （必要），並將其值設為自訂函式的名稱，例如「乘」。

   • 新增屬性 jcr:description 以「函式」下拉式清單中顯示的自訂函式名稱。 例如， 乘.

   • 新增屬性 qtip 值，此值將簡短說明自訂函式。 將指標暫留在 函式 下拉式清單。

3. 按一下 全部儲存 以儲存設定。

函式現在可在圖表中使用。

範例1:打印和Web中的圖表輸出

在「基本」頁簽中，可以定義圖表類型、包含資料的源表單資料模型屬性、要在圖表的X軸和Y軸上繪製的標籤，以及可選的統計函式，以計算要在圖表上繪製的值。

讓我們透過使用互動式通訊產生的卡片陳述式，詳細了解基本屬性中所需的最低資訊。 請考慮您要生成一個圖表來描述報表中不同費用的金額。 要使用不同類型的圖表來打印和Interactive Communication的Web輸出。

打印的清單

要完成此操作，請指定以下屬性：

• 名稱 — 指定圖表的名稱。
• 圖表類型 — 選擇 欄 從下拉式清單中。
• 標題 — 指定X軸的費用類型和Y軸的事務處理金額。
• 資料模型物件 — 選擇資料模型對象屬性，以建立X軸（費用類型）和Y軸（事務處理金額）的資料綁定。

互動式通信的打印通道中的清單

Web環圈圖

要完成此操作，請指定以下屬性：

• 名稱 — 指定圖表的名稱。
• 圖表類型 — 選擇 環形圖 從下拉式清單中。
• 資料模型物件 — 選擇資料模型對象屬性，以建立X軸（費用類型）和Y軸（事務處理金額）的資料綁定。
• 內半徑 — 將「內半徑」值指定為150，以指定圖表中內圓的半徑（以像素為單位）。
• 工具提示 — 使用${x}(${y})預設格式顯示工具提示。 工具提示顯示為：費用類型（事務處理金額）。 範例：比特幣借記(10000)。

互動式通訊網路通道中的環圈圖

範例2:和頻函式線上圖中的應用

在圖表中套用函式，即可繪製非表單資料模型直接提供的資料。 在此示例中，我們使用信用卡對帳單示例來了解如何將總和和頻率函式應用於圖表。

線性圖，不含兩筆「AirBnB借記」交易

求和函式

您可以套用求和函式來加總相同資料屬性的多個例項的值，且只顯示一次。 例如，在下圖中，Sum函式應用於Y軸，以加總AirBnB交易（2050和1050）的兩個借記金額，並僅顯示一個交易(3100)。

當您想要對相同資料屬性的許多例項進行整理和顯示總和時，總和函式可讓圖表更實用。

頻率函式

頻率函式返回另一個軸上給定值的Y軸數。 在Y軸（事務量）上應用頻率函式後，圖形顯示AirBnB事務有兩次借記，其餘事務有一次借記。

範例3:Web中的多系列像限圖

圖表繪製在特定日期範圍內執行的事務處理的金額。 像限圖表可將圖表區域劃分為四個標籤部分。 該字元對X軸和Y軸使用靜態參照點。 使用多系列功能，根據銀行名稱來隔離資料。

要完成此操作，請指定以下屬性：

• 名稱： 指定圖表的名稱。

• 圖表類型： 選擇 像限 從下拉式清單中。

• 選取 多系列 核取方塊。

• 資料模型物件:指定系列的資料模型對象屬性。 銀行名稱的資料模型對象屬性是在X軸和Y軸中繪製的資料模型對象屬性的父屬性。

• 資料模型對象： 選擇資料模型對象屬性以建立X軸（事務日期）和Y軸（事務金額）的資料綁定。

• 在 參考點 部分，選擇 靜態 作為綁定類型。

• 指定X軸和Y軸參照點的值。

• 指定左上、右上、右下和左下四像限的像限標籤。

• 選取 顯示圖例 核取方塊以顯示銀行名稱的顏色代碼。

Business.Adobe.com 資源

Auto Text Summarization Mobile Forms Responsive Forms Document Generation Dynamic Forms Digital Asset Management