在交互式通信中使用图表

图表或图形是数据的可视化表示形式。 它将大量信息压缩为易于理解的视觉格式，使交互式通信的接收者能够更好地可视化、解释和分析复杂数据。

创建交互式通信时，可以添加图表以直观地表示来自交互式通信表单数据模型的二维数据。 图表组件允许您添加和配置以下类型的图表：饼图、柱状图、圆环图、条形图、折线图、折线图和点图、点图、面积图以及象限。

在交互式通信中添加和配置图表

执行以下步骤以在交互式通信中添加和配置图表：

1. 点按 组件 互动式通信的副手。

2. 拖放 图表 组件到以下组件之一：

   • 打印渠道：目标区域或图像字段
   • Web渠道：面板或目标区域

3. 点按交互式通信编辑器中的图表组件，然后选择 配置( )。

   图表属性显示在左窗格中。

   

   打印渠道中折线图的基本属性

   

   Web渠道中折线图的基本属性

4. 配置 图表属性 基于渠道类型。

5. （仅限打印渠道）在 代理设置，指定代理是否必须使用此图表。 如果 代理必须使用此图表 如果未选中选项，代理可以点按中图表的眼睛图标 内容 “代理UI”选项卡来显示或隐藏图表。

   

6. 点按 以保存图表属性。

   点按 预览 查看与图表关联的外观和数据。 点按 编辑 以重新配置图表的属性。

配置图表属性

为打印和Web渠道创建图表时，请配置以下属性：

在图表中使用函数

您可以配置图表以使用统计函数计算源数据的值，以便在图表上绘图。 通过在图表中应用函数，可以绘制表单数据模型未直接提供的数据。

虽然图表组件附带一些内置函数，但您可以编写 自定义函数 并使其可在Web渠道的图表配置中使用。

图表组件默认提供以下函数：

平均值 返回X轴或Y轴上给定值在另一个轴上的平均值。

总和 返回X轴或Y轴上给定值在另一个轴上的所有值总和。

最大值 返回另一轴上给定值的X或Y轴上的值的最大值。

频率 返回另一轴上给定值的X或Y轴上的值数。

Range 返回另一轴上给定值的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™函数的完全限定名称。 （必需）并将其值设置为自定义函数的名称，例如Multiply。

   • 添加属性 jcr:description ，其值将显示为“函数”下拉菜单中自定义函数的名称。 例如， 乘.

   • 添加属性 qtip ，该值将是自定义函数的简短描述。 将鼠标指针悬停在 函数 下拉列表。

3. 单击 全部保存 以保存配置。

函数现在可用于图表中。

示例1：打印和Web中的图表输出

在“基本”选项卡中，您可以定义图表类型、包含数据的源表单数据模型属性、要在图表的X轴和Y轴上绘制的标签，还可以选择定义统计函数以计算要在图表上绘制的值。

让我们通过使用交互式通信生成的卡语句来详细了解基本属性中最低要求的信息。 假定您要生成一个图表以描述对帐单中不同费用的金额。 要使用不同类型的图表进行交互式通信的打印和Web输出。

用于打印的柱状图

要完成此操作，请指定以下属性：

• 名称 — 指定图表的名称。
• 图表类型 — 选择 列 下拉列表中。
• 标题 — 指定X轴的费用类型和Y轴的事务处理金额。
• 数据模型对象 — 选择数据模型对象属性以创建X轴（费用类型）和Y轴（事务处理金额）的数据绑定。

交互式通信打印渠道中的柱状图

适用于Web的圆环图

要完成此操作，请指定以下属性：

• 名称 — 指定图表的名称。
• 图表类型 — 选择 圆环图 下拉列表中。
• 数据模型对象 — 选择数据模型对象属性以创建X轴（费用类型）和Y轴（事务处理金额）的数据绑定。
• 内径 — 将“内半径”值指定为150，以指定图表内圆的半径（以像素为单位）。
• 工具提示 — 使用${x}(${y})默认格式显示工具提示。 工具提示显示为：费用类型（交易金额）。 示例：Bitcoin(10000)的借记。

交互式通信Web渠道中的圆环图

示例2：在折线图中使用求和和和频度函数

通过在图表中应用函数，可以绘制表单数据模型未直接提供的数据。 在本例中，我们使用信用卡对帐单示例来了解如何将“总和”和“频率”函数应用于图表。

不带函数的折线图，带有两个“AirBnB借记”交易记录

Sum函数

可以应用sum函数将同一数据属性的多个实例的值相加，并且只显示一次。 例如，在下图中，在Y轴上应用Sum函数，以合计两个Debit for AirBnB事务处理（2050和1050）的金额，并仅显示一个事务处理(3100)。

当您想要为同一数据属性的多个实例整理和显示sum时，Sum函数可以使图形更有用。

频率函数

Frequency函数返回另一个轴上给定值的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