图表组件

发送反馈


图表类组件包括柱状图、条形图、散点图、折线图、环形图、饼图、雷达图、南丁格尔玫瑰图、水球、进度条、进度环等点击左侧边栏中的“组件”,在“图表”分类下选择希望添加的组件,通过拖拽的方式即可添加到大屏中:

柱状图

柱状图以柱条的高度为变量表示数据分布情况。

柱状图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

 

条形图

条形图以长条的长度为变量表示数据分布情况。

条形图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

 

散点图

散点图以离散点的形式展示数据的分布与关联情况。

散点图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

折线图

折线图以数据点间连线的形式展示数据的分布与变化趋势。

折线图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

环形图

环形图通过空心环的划分可以展示数据的占比。

环形图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

饼图

饼图通过划分的扇形大小可以展示数据的占比。

饼图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

雷达图

雷达图使用角度轴和极坐标轴表现多变量的数据。

雷达图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

南丁格尔玫瑰图

南丁格尔玫瑰图是一种极坐标化的柱图,使用扇形的半径展示数据的大小,圆心角展示数据的百分比,适合对比大小相近的数值。

南丁格尔玫瑰图的配置项如下:

{

  "data": {

    "2017": 13020,

    "2018": 19051,

    "2019": 13692,

    "2020": 19196,

    "2021": 12072,

    "2022": 16930

  }

}

服务类型数据特有的配置项如下:

 

水球

水球组件适合展示单个百分比数据。

水球图的配置项如下:

{

  "data": 0.4

}

服务类型数据特有的配置项如下:

 

进度条

进度条组件适合展现任务完成度。

进度条的配置项如下:

{

  "data": 0.6

}

服务类型数据特有的配置项如下:

 

进度环

进度环组件适合以圆环形式展现任务完成度。

进度环的配置项如下:

{

  "data": 0.6

}

服务类型数据特有的配置项如下: