柱状图
更新时间:2019-05-05 16:05:28
概述

柱状图组件是图表类组件中的一种,主要用来做数据可视化,所以必须要关联数据源
(柱状图、堆叠柱状图、折线图只能关联接口数据源和静态数据源,曲线图只能关联设备属性)
样式配置
柱状图组件支持以下样式配置:
- 全局样式
字体
轴颜色
背景颜色 - X轴
是否显示轴标签
文字样式 - Y轴
是否显示轴标签
文字样式
数值:最小值/最大值/刻度数量,默认根据数据源自动设置 - 系列
设置数据源后出现该选项,可配置每个系列的名称,和线的颜色
数据源
- 接口
- 静态数据
数据的格式应该类似下面:
[
["0:00", 100, 200],
["1:00", 101, 201]
]
其中除第一行和最后一行的方括号外,每行的第一个引号中的值是 X 轴坐标,之后的每个值,按照顺序,是每个系列的值。
每行的值的个数必须相同,即使没有值,也必须使用 null
占位,否则只按照第一行的数据个数进行展示。