配置组件


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

  • 计算字段

  • 根据数据值更改颜色

  • CSV 格式导出数据

  • 组件最大化视图功能



配置计算字段

添加计算字段


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

  1. 编辑图表 窗口中,找到 选择数据项 设置栏。

  2. 点击 添加数据项

  3. 点击 添加计算字段
    将显示 Calculated Data(计算数据) 对话框。

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

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

  6. Javascript 字段中,编写 Javascript 函数体。

    右侧面板中提供一些示例以及字段和参数的名称。

  7. 备注 输入框中,可以为新的计算字段添加相关注释或描述。

  8. 点击 确定


../../_images/calculated_field_dialog.png


编辑计算字段


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

  1. 编辑图表 窗口中,找到 选择数据项 设置栏。

  2. 点击 添加数据项 或现有数据项的名称。

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

  4. 在计算字段的 操作 列,点击 编辑 edit

  5. 点击 保存


../../_images/edit_calculated_field.gif


备注

若要在图表上反映更改,点击工具栏上的 刷新数据



设置格式规则

在某些组件中,可以将其配置为根据其度量数据更改颜色。这让用户能够快速注意到异常或临界值。


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

  • 环形仪表盘

  • 指针仪表盘

  • 进度条

  • 指标卡

  • 水球图

  • 多度量卡

  • 混合仪表盘

  • 表格

  • 富文本


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

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

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

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

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


../../_images/formatting_rules.png


所做更改会自动反映在图表上。


备注

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



配置组件联动

通过组件联动,可以使用源组件的维度字段过滤多个组件中的数据。


只有以下组件支持组件联动:

  • 饼图

  • 条形图

  • 混合图

  • 热力图


下面的步骤以混合图和表格为例,展示如何配置组件联动:

  1. 添加和配置混合图组件。

  2. 添加和配置表格组件。

  3. 将光标移到该混合图上,并点击组件右上角的 联动 图标。


    ../../_images/widget_linking_3.png


  4. 组件联动 弹窗中,选择一个维度字段作为驱动维度(本例选择 时间),并选择要过滤的目标组件(表格组件)数据项(在本例中,要过滤的数据为 时间)。


    备注

    驱动维度是可以在图表上选择的数据项。驱动维度的值将用于过滤目标组件的所选数据项。


  5. 点击 确定


配置组件联动后,点击混合图中的一个时间点。你将看到此时间点将用作表格组件的过滤条件,其中仅展示具有相同时间点的数据。


../../_images/widget_linking_5.png


点击混合图标题栏中的 重置链接 按钮,重置数据过滤。



导出组件数据

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


备注

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


首先,确认组件的导出数据功能已开启:

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

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

  3. 点击 保存


现在,在已发布的仪表盘界面上,用户可以通过点击组件右下方的 CSV 导出 export_data_icon 按钮导出数据。


该 CSV 文件将保存在默认的下载目录中。



最大化组件

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


备注

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


首先,确认组件的最大化视图功能已开启:

  1. 执行以下操作编辑不同组件:

    • 编辑图表:点击所选组件上的 编辑 edit 图标并导航到 基本信息 > 其他选项

    • 编辑容器:点击所选容器上的 编辑 edit 图标并导航到 其他选项

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

  3. 点击 保存


现在,用户可以在全屏视图中展开组件。在已发布页面,将光标移动至组件右下方的 最大化 maximize_widget_icon 按钮上,点击 最大化,展示组件最大化效果。


../../_images/maximized_view_widgets.gif


返回正常视图,将光标移动至组件右下角的 最小化 minimize_widget_icon 按钮上,点击 最小化



组件分组设置

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


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

  1. 在仪表盘编辑器工具栏上,将光标移动至 settings 按钮上,并点击下拉菜单中的 widget_grouping 组件分组设置

  2. 仪表盘上的所有现有的组件都会展示在弹窗的顶部页签中。

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

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

  5. 点击 确定,保存组件分组设置。


../../_images/drag_drop_grouping.gif


现在,将光标移动至已分组组件中的数据点上,能同时展示来自同一组中其他组件的匹配数据值。


备注

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