# 汽车仪表盘 4.3+

# 属性

# 基础

基本属性： 同组件管理 -> 属性 -> 基本属性
系列颜色： 区域的颜色。支持颜色填充，默认情况下区域的颜色为当前进度颜色和指针颜色。

# 系列

系列 1：
半径： 仪表盘的半径长短。
x 坐标： 仪表盘水平位置。
y 坐标： 仪表盘垂直位置。

仪表盘

最小数值： 仪表盘最小数值。
最大数值： 仪表盘最大数值。
起始角度： 起始角度。
结束角度： 结束角度。
分割段数： 分割段数数量。

仪表盘

轴线：
- 显示指针：
- 两端圆形：
- 轴线宽：
- 颜色 1：
  - 分段值：
  - 渐变色：
  - 颜色：
  - 阴影属性：
- 颜色 2/3： 颜色 2 和颜色 3 为另外两段轴线的系列设置，配置与 颜色 1相同。
分割线：
- 显示： 是否显示分割线。
- 颜色类型： 选择轴颜色则分割线与轴颜色保持一致。
- 颜色： 分割线颜色。
- 宽度： 分割线宽度。
- 类型： 分割线类型。
- 分隔线长： 分隔线长度。
刻度线：
- 显示： 是否显示刻度线。
- 颜色类型： 选择轴颜色则刻度线与轴颜色保持一致。
- 颜色： 刻度线颜色。
- 宽度： 刻度线宽度
- 类型： 刻度线类型。
- 刻度线长： 刻度线长度。
- 间隔刻度： 间隔刻度。
刻度标签：
- 显示： 是否显示刻度标签。
- 内容格式器： 刻度标签的内容格式器，支持字符串模板和回调函数两种形式。
  - 字符串模板：模板变量为{value}。
```
 return data.toFixed(0)
```
  - 回调函数
  - 可用参数：
  data： 刻度默认文本。
  
  index： 刻度索引。
```
return data;
```
- 颜色类型： 选择轴颜色则刻度标签字体颜色与轴颜色保持一致。
- 字体颜色： 刻度标签字体颜色。
- 字体大小： 刻度标签字体大小。
- 字体粗细： 刻度标签字体粗细。
- 字体： 刻度标签字体样式。
当前进度：
- 显示进度： 显示当前进度。
- 进度条重叠： 多条数据时进度条是否重叠显示。
- 两端圆形： 当前进度两端是否显示圆形。
- 超出剪裁： 超出轴线是否剪裁。
- 宽度： 当前进度宽度。
- 渐变色： 当前进度设置渐变色。
- 颜色： 当前进度颜色。
- 描边颜色： 当前进度描边颜色。
- 描边类型： 当前进度描边类型。
- 阴影属性： 当前进度阴影颜色，水平偏移，垂直偏移，模糊。
指针：
- 显示指针： 是否显示指针。
- 指针宽度： 指针宽度。
- 指针长度： 指针长度。
- 指针类型： 选择指针类型。
- 水平位移： 指针水平位移设置。
- 垂直位移： 指针垂直位移设置。
- 颜色类型： 选择轴颜色则指针颜色与轴颜色保持一致。
- 渐变色： 指针是否开启渐变色。
- 颜色： 指针颜色。
- 描边颜色： 指针描边颜色。
- 描边线宽： 指针描边线宽。
- 描边类型： 指针描边类型。
指针固定点：
- 显示： 是否显示指针固定点。
- 在指针上面： 是否显示在指针上面。
- 固定点大小： 指针长度。
- 固定点类型： 选择指针类型。
- 水平位移： 指针固定点水平位移设置。
- 垂直位移： 指针固定点垂直位移设置。
- 颜色类型： 选择轴颜色则指针固定点颜色与当前进度颜色保持一致。
- 渐变色： 指针固定点是否开启渐变色。
- 颜色： 指针固定点颜色。
- 描边颜色： 指针固定点描边颜色。
- 描边线宽： 指针固定点描边线宽。
- 描边类型： 指针固定点描边类型。
标题样式：
- 显示： 是否显示标题。
- 字体颜色： 标题字体颜色。
- 字体大小： 标题字体大小。
- 字体粗细： 标题字体粗细。
- 内容格式器： 标题内容。
- X 轴偏移： 标题 X 轴偏移。
- Y 轴偏移： 标题 Y 轴偏移。
- 背景色： 标题背景色。
- 内边距： 标题内边距。
- 边框圆角： 标题边框圆角幅度设置。
- 描边属性： 标题边框颜色，类型，宽度。
- 阴影属性： 标题背景阴影，阴影长度，水平偏移，垂直偏移。
- 描边颜色： 标题字体描边颜色。
- 描边宽度： 标题字体描边宽度。
- 文字阴影色： 标题文字阴影色。
- 文字阴影长： 标题文字阴影长度。
数据样式：
- 显示： 是否显示数据样式。
- 字体颜色： 数据字体颜色。
- 字体大小： 数据字体大小。
- 字体粗细： 数据字体粗细。
- 内容格式器： 数据内容。
- X 轴偏移： 数据 X 轴偏移。
- Y 轴偏移： 数据 Y 轴偏移。
- 背景色： 数据背景色。
- 内边距： 数据背景内边距。
- 边框圆角： 数据背景边框圆角。
- 描边属性： 数据背景边框颜色，类型，宽度。
- 阴影属性： 数据背景阴影，阴影长度，水平偏移，垂直偏移。
- 描边颜色： 数据描边颜色。
- 描边宽度： 数据描边宽度。
- 文字阴影色： 数据文字阴影色。
- 文字阴影长： 数据文字阴影长度。
初始动画： 对组件动画的配置。
- 开启动画： 组件是否启用动画。
- 动画时长(ms)： 动画的时长。
- 缓动效果： 动画的缓动效果。
系列 2/3/4：与系列 1属性配置相同。

# 数据

# 静态数据

仪表盘

上图中的示例JSON代码如下：

[
    [
        {
            "value1": 30,
            "name1": "km/h"
        }
    ],
    [
        {
            "value2": 1.5,
            "name2": "x1000 r/min"
        }
    ],
    [
        {
            "value3": 0.5,
            "name3": "gas"
        }
    ],
    [
        {
            "value4": 2,
            "name4": "Water"
        }
    ]
]