柱状图

更新时间:2019-05-05 16:05:28

概述

    ![image.png](//images/1548424349662-703238f9-f33b-42cc-b5f0-a74b97c143d9.png)


柱状图组件是图表类组件中的一种,主要用来做数据可视化,所以必须要关联数据源
(柱状图、堆叠柱状图、折线图只能关联接口数据源和静态数据源,曲线图只能关联设备属性)

样式配置

柱状图组件支持以下样式配置:

  1. 全局样式
    字体
    轴颜色
    背景颜色
  2. X轴
    是否显示轴标签
    文字样式
  3. Y轴
    是否显示轴标签
    文字样式
    数值:最小值/最大值/刻度数量,默认根据数据源自动设置
  4. 系列
    设置数据源后出现该选项,可配置每个系列的名称,和线的颜色

数据源

配置数据源方法说明
柱状图组件支持以下两种数据源:

  1. 接口
  2. 静态数据

数据的格式应该类似下面:

[
  ["0:00", 100, 200],
  ["1:00", 101, 201]
]

其中除第一行和最后一行的方括号外,每行的第一个引号中的值是 X 轴坐标,之后的每个值,按照顺序,是每个系列的值。

每行的值的个数必须相同,即使没有值,也必须使用 null 占位,否则只按照第一行的数据个数进行展示。

results matching ""

    No results matching ""