在交互式通信中使用图表

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

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

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

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

1. 点按 组件 的Sidekick中。

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

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

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

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

   

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

   

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

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

5. （仅限打印渠道）在 代理设置，指定代理是否必须使用此图表。 如果 工程师必须使用此图表 选项，则座席可以点按 内容 选项卡，以显示或隐藏图表。

   

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

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

配置图表属性

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

在图表中使用函数

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

虽然图表组件附带一些内置函数，但您可以编写 自定义函数 ，并使其可在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. (mandatory)

   • 添加属性 value 到自定义JavaScript™函数的完全限定名称。 （必需）并将其值设置为自定义函数的名称，如Multiply。

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

   • 添加属性 qtip 值将简短地描述自定义函数。 将指针悬停在 函数 下拉列表。

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

函数现在可在图表中使用。

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

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

让我们借助使用交互式通信生成的卡语句，详细了解基本属性中所需的最低信息。 假设您要生成一个图表来描述报表中不同费用的金额。 要使用不同类型的图表来打印和输出交互式通信。

打印的列图

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

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

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

Web圆环图

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

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

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

示例2:和频函数在折线图中的应用

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

没有两笔“AirBnB借记”交易功能的折线图

求和函数

您可以应用sum函数来累加同一数据属性的多个实例的值，并只显示一次。 例如，在下图中，在Y轴上应用求和函数，以累计AirBnB交易（2050和1050）的两个借记金额，并仅显示一个交易(3100)。

当您想要对同一数据属性的多个实例进行汇总和显示总和时，总和函数可以使图表更有用。

频率函数

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