You need to enable JavaScript to run this app.
导航
数字大屏水波图
最近更新时间:2024.09.13 14:31:13首次发布时间:2024.09.13 14:31:13

1.概述

水波图通常呈现为一个容器形状,通过容器中盛放动态的水波来直观地呈现数值的大小,展示数据的比例或百分比

2.快速入门

(1)选择组件-图表中的水波图,大屏中心将出现一个水波图组件。

(2)在下方选择数据源,将字段(仅支持一个指标)拖至右侧数据配置-数据可视化-值区域,并可配置排序筛选。

(3)配置样式。

3.功能介绍

3.1 样式-整体视觉

水波颜色
在“颜色”一栏中,可以预设水波的颜色、渐变。选择第一个颜色圆盘,可对水波图的颜色进行自定义。

图表样式
配置背景颜色、形状、线条、缩放比例、外圈间距。

动画
可以为水波图配置入场、更新、循环动画。

3.2 样式-图内元素

指标: 勾选后可在水波图中心展示总计数值。可修改数值的标题及其样式,以及数值的样式 。

**标题:**勾选后可在水波图中心展示标题。在数据配置中可通过更改展示名称更改标题。

目标值样式: 设置目标值线的颜色、粗细及标签的字体样式等。

目标值占比: 勾选后可在目标直线中间显示占比,可设置目标值占比的字体、颜色、字号等。

3.3 最大最小值&目标值设置

水波图可设置最大最小值和目标值。支持固定值(输入数字)和动态值(拖拽指标字段)。

  • 最大值:水波盛满容器时的数值大小
  • 最小值:容器为空时的数值大小
  • 目标值:目标直线在容器中的位置

3.4 数据

3.4.1 数据来源

参考 数字大屏-数字大屏数据来源 模块,可以选择 Static(静态数据)、Dataset(数据集)、API 和 JavaScript 四种数据来源。选定后在数据可视化-数据来源中,选择对应的数据来源。 也可在下方查询模块中切换数据来源。

3.4.2 数据可视化

选定数据源后,可以将字段拖拽至右侧数据配置-数据可视化中,配置成值/排序/筛选字段。

  • 值:指标字段
  • 排序:仅对数据进行排序,由于水波图呈现的是聚合效果,因此不会影响绘图
  • 筛选:将作为筛选条件的字段拖拽入“数据筛选”一栏后,即可设置筛选条件。维度字段、指标字段、日期字段在筛选操作上有细微的区别,可以参考维度筛选指标筛选日期筛选

点击右侧值/排序/筛选中字段胶囊,可以设置字段信息、字段聚合方式、数据格式等。

3.4 交互

交互面板中新建交互,选择所需的事件类型。针对该事件设置所需的响应,可通过Event.RowData.['字段区域名'].['字段展示名称']获取到当前点击的图元数据。图元点击事项具体操作可以查看《具体文档》。