配置组件


图表除了设置样式和测量数据以外,还可以配置:

  • 计算字段

  • 格式规则:根据数据值更改颜色

  • 组件联动

  • CSV 文件格式导出数据

  • 组件最大化视图功能

  • 组件分组


配置计算字段


添加计算字段


按照以下步骤,添加新计算字段:

  1. 在 编辑图表 窗口中,导航到 选择数据项。

  2. 选择 添加数据项。

  3. 选择 添加计算字段,将显示 Calculated Data (计算字段) 对话框。

  4. 在 名称 输入框中,指定新计算字段的名称。

  5. 从 数据类型 列表中,选择计算字段的数据类型,以便 Javascript 了解如何返回其值。

  6. 在 JavaScript 字段中,编写 JavaScript 函数体。右侧面板中会提供一些示例以及字段和参数的名称。

  7. 在 备注 输入框中,可以为新的计算字段编写一些注释或描述。

  8. 选择 确定。


更多关于如何编写计算字段信息,参见 计算字段。

编辑计算字段


通过以下步骤,更改现有计算字段:

  1. 在 编辑图表 窗口中,导航到 选择数据项。

  2. 选择 添加数据项 或现有数据项的名称。

  3. 找到要修改的计算字段。

  4. 在计算字段的 操作 一栏中,选择 编辑 edit。

  5. 选择 保存。


../../_images/edit_calculated_field.gif


备注

若要在图表上反映更改,选择工具栏上的 刷新数据。


设置格式规则


在某些组件中,可以设置格式规则使颜色根据其数据大小进行变化。这让用户能够快速注意到异常或临界值。


只有以下组件支持格式规则:

  • 环形仪表盘

  • 指针仪表盘

  • 进度条

  • 指标卡

  • 水球图

  • 多度量卡

  • 混合仪表盘

  • 表格

  • 富文本


通过以下步骤,设置格式规则:

  1. 导航到 选择图表样式 > 度量样式 > 格式规则。

  2. 选择 添加,添加格式规则将显示一行空字段。

    • 第一与第二个输入框分别定义满足格式规则的最小值和最大值。

    • 第三个输入框选择满足格式规则时要展示的颜色。


../../_images/formatting_rules.png


备注

有多个冲突的格式规则时,最上层的规则优先。用户可以上下拖动横杠按钮来更改规则顺序。


导出组件数据


用户可以从组件导出数据,以便在本地计算机上进行进一步分析。数据导出为 CSV 文件格式。


通过以下步骤,支持组件导出数据:

  1. 在所选组件的 图表编辑器 中,导航到 基本信息 > 其他选项。

  2. 选中 允许数据导出 复选框。

  3. 选择 保存。


通过以下步骤,导出组件数据:

  1. 在 页面编辑器 中,通过执行以下任一操作导航到发布页面:

    • 在 工具栏 上,选择眼睛按钮 eye 查看发布页面的预览。

    • 在 工具栏 上,将光标移动到省略号(…)上选择 发布。选择显示的 URL,进入发布页面。

  2. 将光标移动到组件上,选择组件右上角的 导出 CSV export_data_icon,下载导出的 CSV 文件。


CSV 文件中的数据按 维度、对比 和 度量 的顺序排列,三个类别中的数据项按照图表编辑器中顺序排列。如果为数据项具有 别名,则导出的 CSV 文件中将使用 别名。如果留空,将使用原始名称。同时,若数据项配置了单位,也将导出单位。


../../_images/alias.png


备注

  • 如果 允许数据导出 和 允许最大化 框都已选中,它们将组合在一起,但是省略号(…)将显示其各自的按钮。将光标移动到该按钮上方,功能将显示在下拉菜单中。

  • 图片 和 富文本 组件不支持数据导出。


最大化组件


为了让组件的视图更清晰,可以将组件根据浏览器大小放大至撑满页面的全屏效果,以展示最大化组件。


通过以下步骤,启用组件数最大化:

  1. 组件和容器对应的复选框位于不同位置:

    • 对于组件,导航到 图表编辑器。在 基本信息 下,选择 其他选项 标签页。

    • 对于容器,在 容器设置 中,选择 其他选项 标签页。

  2. 选中 允许最大化 复选框。

  3. 选择 保存。


通过以下步骤,最大化组件:

  1. 在 页面编辑器 中,通过执行以下任一操作导航到发布页面:

    • 在工具栏上,选择眼睛按钮 eye,查看发布页面的预览。

    • 在工具栏上,将光标移动到省略号(…)上,选择 发布。选择显示的 URL,进入发布页面。

  2. 将光标移动到组件上,然后选择组件右上角的 最大化 maximize_widget_icon 以最大化组件。


../../_images/maximized_view_widgets.gif


备注

  • 如果 允许数据导出 和 允许最大化 框都已选中,它们将都展示在省略号(…)下。将光标移动到该按钮上方,功能将显示在下拉菜单中。

  • 过滤器组件不支持最大化,最大化功能仅适用于图表组件和容器中的组件。


组件分组设置


用户可以对组件进行分组,以支持不同组件分组交互。联动组内图表的数据后,可以同时触发多项联动数据的展示。


通过以下步骤对组件分组:

  1. 在指标页面编辑页面,选择 页面设置 > 组件分组设置 以打开组件分组弹窗。

  2. 指标页面上的所有现有的组件都会展示在弹窗的顶部页签中。

  3. 将需要联动的组件拖放到分组中,开启组件联动。

  4. 若要从分组中删除组件,将组件拖放回页签中即可。

  5. 选择 确定,保存组件分组设置。


备注

只有维度、度量或对比数据值相匹配的组件才能触发交互展示功能。


按钮分组设置


用户可以对按钮组件进行分组,当组内某一按钮联动组件高亮时,其他按钮取消高亮。

通过以下步骤对组件分组:

  1. 在指标页面编辑页面,选择 页面设置 > 按钮分组设置 以打开按钮分组弹窗。

  2. 指标页面上的所有现有的按钮都会展示在弹窗的顶部页签中。

  3. 将需要分组的按钮拖放到分组中。

  4. 若要从分组中删除按钮,将按钮拖放回页签中即可。

  5. 选择 确定,保存按钮分组设置。