跳到主要内容

多色仪表盘

配置步骤如下：

1、添加多色仪表盘​

点击“”图标，点击“多色仪盘表”，即可添加一个仪盘表；

2、样式配置​

（1）组件名称设置​

选中该多色仪盘表组件，在操作界面右侧的“图层名称”处可修改组件的名称，如图2.141。（名称最好要设置一下，方便后期组件管理）

图2.141

（2）仪表盘类型​

仪盘表类型分：经典和米轨；经典样式如图2.142；米轨样式如图2.143；

（3）仪表盘粗度​

设置仪盘表的刻度粗细；

图2.144

（4）刻度线设置​

  • 显示刻度线：刻度线是否显示；
  • 刻度线颜色：刻度线颜色设置；

图2.145

（5）刻度值设置​

  • 刻度值颜色：刻度值颜色设置；
  • 刻度值字号：刻度值字号大小设置；

图2.146

（6）文本设置​

  • 文本颜色：设置文本的颜色；
  • 文本字号：设置文本字体大小；

图2.147

（7）指针设置​

  • 指针颜色：设置指针的颜色；
  • 指针粗细：设置指针的粗细；

图2.148

（8）自定义配色​

先选择“类型”，再点击“新增”，添加颜色；

类型分为：

  • 单色：设置仪盘表为单色样式；设置的时候，只需要设置颜色，不需要设置渐变颜色（设置了也不起作用），如图2.149；
  • 单色渐变：设置仪盘表为渐变样式；设置的时候，需要设置渐变颜色，如图2.1491
  • 多色：设置仪盘表为多色样式；设置的时候，只需要设置颜色，不需要设置渐变色，需要多次添加颜色，如图2.1492
  • 多色渐变：设置仪盘表为多色渐变样式；设置的时候，不需要设置渐变颜色，需要多次添加颜色，如图2.1492

图2.149

图2.1491

图2.1492

3、数据源配置​

数据格式示例​

{
    "label": "名称",
    "value": 72
}