仪表图类似于汽车仪表盘外观,表盘上有刻度和指针,指针指向当前数据所对应的位置。刻度通常分为多个区间,每个区间代表不同的数据范围。仪表图能直观地反映出某个指标的当前值以及其与目标值或范围的关系,聚焦于单个关键指标,使重要数据更醒目。
(1)选择组件-图表中的仪表图,大屏中心将出现一个仪表图组件。
(2)在下方选择数据源,将字段(仅支持一个指标)拖至右侧数据配置-数据可视化-值区域,并配置排序筛选。
(3)配置样式。
颜色
在“颜色”一栏中,可以设置仪表图的颜色、渐变。选择第一个颜色圆盘,可对仪表图的颜色进行自定义。
图表样式
配置背景颜色、展开角度、半径、圆角等
动画
可以为仪表图配置入场、更新、循环动画。
指标: 勾选后可在仪表图中心展示总计数值。可修改数值的标题及其样式,以及数值的样式 。
**指针&刻度:**可设置指针与刻度样式
**标题:**勾选后可在仪表图中心展示标题。在数据配置中可通过更改展示名称更改标题。
目标值样式: 设置目标值线的颜色、粗细及标签的字体样式等。
目标值占比: 勾选后可在目标直线中间显示占比,可设置目标值占比的字体、颜色、字号等。
仪表图可设置最大最小值和目标值。支持固定值(输入数字)和动态值(拖拽指标字段)。
参考 数字大屏-数字大屏数据来源 模块,可以选择 Static(静态数据)、Dataset(数据集)、API 和 JavaScript 四种数据来源。选定后在数据可视化-数据来源中,选择对应的数据来源。 也可在下方查询模块中切换数据来源。
选定数据源后,可以将字段拖拽至右侧数据配置-数据可视化中,配置成值/筛选字段。
点击右侧值/排序/筛选中字段胶囊,可以设置字段信息、字段聚合方式、数据格式等。
交互面板中新建交互,选择所需的事件类型。针对该事件设置所需的响应,可通过Event.RowData.['字段区域名'].['字段展示名称']获取到当前点击的图元数据。图元点击事项具体操作可以查看《具体文档》。