在仪表盘组件的属性设置中，不同组件之间的设置项各有不同，本文主要介绍图形类、指标类组件特有的属性设置。
圆角
说明
圆角是用一段与角的两边相切的圆弧替换原来的角，圆角的大小用圆弧的半径表示。
...
饼图的不同风格效果如图：
漏斗图的不同风格效果如图：
圆心位置
说明
用于设置饼图类型组件的圆心位置，圆心位置默认处于区域中心，即 用于设置饼图类型组件、油量图类型组件的圆心位置，圆心位置默认处于区域中心，即 x 50%，y 50%。
效果设置圆心位置的x值为70%，图形从中心往右偏移20%，如图：
- 设置饼图的圆心位置：x值为70%，图形从中心往右偏移20%，如图：
- 设置油量图的圆心位置：x值为35%，图形从中心往左偏移15%，如图：
边框
说明
组件支持设置线条、图片、圆角角度设置组件边框，支持设置线条边框、图片边框、圆角角度。
...
- 显示：设置后缀显示或者不显示，默认效果为不显示。
- 内容：默认为空，可自定义输入后缀内容。
- 字体样式：可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。
效果
| 锚 | ||||
|---|---|---|---|---|
|
说明
对指标的名称进行设置：
- 在油量图系列组件中，包括油量图、环形进度图、外刻度油量图、内刻度油量图和指标卡
...
形状类型包括：无、三角形、倒三角形、圆形
效果
进度图形状选择为三角形：
表盘颜色
说明
设置表盘指定区间的颜色。指定区间手动输入从0到100之间的值。设置油量图表盘指定区间的颜色。指定区间手动输入从0到100之间的值。
效果
区间数可增加和删除：
刻度/刻度样式
说明
设置表盘刻度线的刻度指标是否显示、刻度颜色、刻度位置、刻度线长、刻度数、线样式。设置油量图表盘刻度线的刻度指标是否显示、刻度颜色、刻度位置、刻度线长、刻度数、线样式。
- 显示刻度：设置刻度是否显示。
- 刻度颜色：设置刻度的颜色。
- 位置：设置刻度的位置，包括外、上和内容。
- 刻度线长：设置刻度线的长度。
- 刻度数：设置每格刻度数的数量。
- 线样式：设置刻度线的样式、粗细和颜色。
效果
| 刻度指标显示刻度显示 | 刻度指标不显示刻度不显示 |
|---|---|
|
|
使用“刻度”设置项对油量图进行设置，效果如下图所示：使用“刻度样式”设置项对油量图进行设置，效果如下图所示：
...
刻度数据格式
说明
设置表盘刻度的分割线线长、刻度数、样式。
- 刻度线长：设置刻度线的长度。
- 刻度数：设置表盘划分的区域数量。
- 样式：设置刻度线的样式、大小和颜色。
效果
设置分割线的刻度数为5，图中红色线即为分割线，可看到表盘被等分为5份
圆心位置
说明
对组件圆心位置进行调整（默认为 x：50%，y：50%）
效果
...
...
设置油量图表盘刻度的数据格式。
效果
刻度值
说明
设置油量图表盘刻度的最小值、最大值。
效果
设置刻度最小值为1000，最大值为当前指标数据的1.5倍。
分割线
说明
设置表盘刻度的分割线线长、刻度数、样式。
- 刻度线长：设置刻度线的长度。
- 刻度数：设置表盘划分的区域数量。
- 样式：设置刻度线的样式、大小和颜色。
效果
设置分割线的刻度数为5，图中红色线即为分割线，可看到表盘被等分为5份。
进度
说明
对油量图系列组件的进度情况进行样式设置，包括是否显示进度，颜色以及内容。对油量图系列组件（包括环形进度图）的进度情况进行样式设置，包括是否显示进度，颜色以及内容。
进度内容分为百分比和指标值：
进度内容分为百分比和指标值，进度情况与目标值相关，目标值的说明可参考下方的 目标值 ：
- 百分比：可选择公式进行百分比计算以及设置小数位数
公式包括如下两种：
- 指标值：当前指标的数据。
- 百分比：可选择公式进行百分比计算以及设置小数位数，其中公式“(指标值/目标值)*100%”一般适用于正向指标（如收入类），公式“(2-指标值/目标值)*100%”一般适用于反向指标（如成本费用类）。
效果
当前进度为5.6%：62%，如图：
...
...
锚
...
目标值
| 目标值 |
...
目标值
目标值
| 目标值 |
说明
用于设置图形的目标值：用于设置油量图系列组件、水球图和进度图的目标值：
| 配置项 | 功能 | ||
|---|---|---|---|
| 默认 |
| ||
| 自定义 | 用于自定义图形的目标值，显示各度量的目标值编辑框，点击编辑框展开公式编辑框 目标值的字段选择可选择标记区中的所有度量字段：选择某个度量字段后，将该度量字段插入至下方公式编辑框中。 |
...
以水球图为例：当前库存量为3119，左图设置目标值为默认，右图设置目标值为5000。
指标值
说明
用于设置水球图的指标值。
各配置项如下：
配置项 | 功能 | ||
|---|---|---|---|
| 位置 | 用于设置指标值显示的位置，默认居中显示。
| ||
| 数值 | 用于设置指标值的展现形式，默认以百分比的形式展示。
| ||
| 小数位数 | 用于设置指标值显示的小数位数。默认值为2，即保留两位小数，取值区间为[0, 5]。
| ||
| 公式 | 用于设置指标值的计算方式。用于设置指标值的计算方式，其中公式“(指标值/目标值)*100%”一般适用于正向指标（如收入类），公式“(2-指标值/目标值)*100%”一般适用于反向指标（如成本费用类）。 |
效果
设置指标值的字体为楷体、大小为28、颜色为蓝色、位置居下、保留一位小数。实现效果如下：
间距
说明
用于一个组件中多个水球图之间的间隔距离，支持输入0-1000之间的数值。
通过在水球图的 指标 区中添加多个度量字段，可实现在一个组件中显示多个水球图的效果，间距效果只有含多个水球图时才能看到效果。
效果
设置指标值的字体为楷体，大小为28，颜色为#4A90E2；位置居下；保留一位小数。实现效果如下：关闭动画效果前后对比如下：
动画
说明
用于开启关闭水球图的动画效果
- 显示。开启动画效果。显示：开启动画效果。
- 不显示。关闭动画效果，波浪层显示为平静波浪。隐藏：关闭动画效果，波浪层显示为平静波浪。
...
效果
关闭动画效果前后对比如下：
动画效果对比如下：
| 显示动画 | 隐藏动画 |
|---|---|
|
|
水球背景
说明用于修改水球图内部的背景颜色，
默认为透明背景。用于修改水球图内部的背景颜色。
效果
设置颜色为“#7ED321”设置水球图背景色为绿色。
描述
说明
用于在图形下方用于在水球图下方显示当前度量的指标值和目标值，以及文本的布局及样式。（默认不显示）
- 【布局】默认值为【竖排】
- 显示：是否显示当前度量的指标值和目标值，默认效果为不显示。
- 布局：设置描述内容的排版布局效果，默认值为竖排。
- 样式：设置描述的文字样式，包括：字体类型、字号、文字颜色、加粗和斜体。
效果
以水球图为例：设置显示描述，布局为【竖排】与【横排】的效果图如下：
| 布局 | 竖排 | 横排 |
|---|---|---|
| 效果 |
|
|
布局列数
说明
进度条需要展示的列数（默认为值为3）设置进度图中，进度条需要展示的列数，默认为值为3。
效果
| 列数为2 | 列数为3 |
|---|
|
|
指标标签
说明
对指标标签的垂直位置、水平位置、内容及字体样式进行设置。
- 垂直位置包括：
- 水平位置包括：
- 内容包括：百分比和实际值（在百分比中，可按需选择百分比计算公式、设置小数位数）
效果
目标值和指标标签结合运用可参考文档：进度图示例
...
用于设置进度图是否显示指标标签、垂直位置、水平位置、内容及字体样式。
- 显示：是否显示指标标签，默认效果为显示。
- 垂直位置：居上、居中、居下。
- 水平位置：居左、居右、随刻度。
- 内容包括：百分比和实际值（在百分比中，可按需选择百分比计算公式、设置小数位数），其中公式“(指标值/目标值)*100%”一般适用于正向指标（如收入类），公式“(2-指标值/目标值)*100%”一般适用于反向指标（如成本费用类）。
- 样式：设置指标标签的文字样式，包括：字体类型、字号、文字颜色、加粗和斜体。
效果
以垂直位置为“居上”、水平位置为“随刻度”、内容为“百分比”、显示1位小数、加粗倾斜紫色文字显示效果为例，效果如下图：
垂直位置和水平位置效果类似指标名称，可参考当前文档中的 指标名称 。
| 信息 |
|---|
进度情况与目标值相关，目标值的说明可参考当前文档中的 目标值 。 |
粗细
说明
设置进度图的粗细。（默认值为16）
效果
| 高度为1粗细为1 | 高度为16粗细为16 |
|---|---|
|
|
进度槽
说明
设置进度槽的颜色。设置进度图的进度槽颜色。
效果
颜色为#50E3C2：设置进度图的进度槽颜色为绿色，效果如下图：
刻度轴
说明
设置刻度轴是否显示及调整其刻度轴字体样式。
设置进度图的刻度轴是否显示及调整其刻度轴字体样式。
- 显示：是否显示刻度轴，默认效果为不显示。
- 样式：设置刻度轴标签的文字样式，包括：字体类型、字号、文字颜色、加粗和斜体。
效果
| 显示 | 不显示 |
|---|---|
|
|
图形事件
说明
设置是否允许开启echarts图形（矩形树图、旭日图）自带的图形事件，默认允许。设置是否允许开启echarts图形（矩形树图、旭日图）自带的图形事件，默认效果为允许。
1、矩形树图的图形事件：聚焦
- 允许：点击任意字段矩形放大聚焦到画布中央。允许：点击任意字段矩形块放大聚焦到画布中央。
- 禁止：点击任意字段矩形无反应。禁止：点击任意字段矩形块无反应。
2、旭日图的图形事件：下钻
- 允许：开启Echarts的旭日图自带的下钻功能的下钻功能。
- 禁止：禁用Echarts的旭日图自带的下钻功能禁止：禁用Echarts的旭日图自带的下钻功能。
图形渲染
说明
设置图形渲染时，所采用的渲染器方法：
- SVG：一种使用XML描述2D图像的语言。文本渲染能力强，刷新能力弱。适用于大区域渲染程序，比如高保真图形、带有某些特效的静态图像。
- Ganvas：HTML5新增的DOM，提供了像素级图形编程接口。文本渲染能力弱，刷新能力强。适用于图像密集型编程。比如高性能图形、复杂场景的实时动画。
最大系列数
说明
用于设置图表中进行考量对象的分组数。
...
某系列下有多个成员时，所有成员数据合计后再进行分布效果处理。
图形主题
说明用于设置选中组件的图形主题。
用于设置选中组件的图形主题，可选择的图形主题来源可参考 图形主题 。
设置组件的图形主题优先级高于全局的图形主题。
效果
组件的图形主题如图：
