在仪表盘组件的属性设置中，不同组件之间的设置项各有不同，本文主要介绍图形类、指标类组件特有的属性设置。
圆角
说明
圆角是用一段与角的两边相切的圆弧替换原来的角，圆角的大小用圆弧的半径表示。
...
在对比柱图中，轴位置用于设置维度所在轴的显示位置，分为：左、右、中、两侧；（默认效果为 中 ）
效果
| 轴位置 | 效果 |
|---|---|
| 居左 |
|
| 居右 |
|
| 中 |
|
| 两侧 |
|
柱间距
说明
“柱间距”设置项用于设置系列数据的柱间距离。包括“同系列的柱间距”和“不同系列的柱间距”。
...
在柱图、趋势线和联合图类组件中，堆积效果设置项可以设置同类指标（同图形类型指标）是否以堆积效果展示，实现堆积与不堆积类型组件间的切换。
效果
| 堆积 | 不堆积 |
|---|---|
|
|
如上，以柱图为例：设置堆积效果后，组件类型自动切换为堆积柱图。
...
设置图形是否显示最大值（MAX）和最小值（MIN）的标注。
可设置标注的颜色，标注文字的字体类型、字体大小、字体颜色、加粗和斜体。可设置标注的颜色，标注文字的字体类型、字号、文字颜色、加粗和斜体。
效果
画布
说明
设置组件图形区与画布之间的距离，可以对上下左右间距分别设置。
...
饼图的不同风格效果如图：
漏斗图的不同风格效果如图：
圆心位置
说明
用于设置饼图类型组件的圆心位置，圆心位置默认处于区域中心，即 用于设置饼图类型组件、油量图类型组件的圆心位置，圆心位置默认处于区域中心，即 x 50%，y 50%。
效果设置圆心位置的x值为70%，图形从中心往右偏移20%，如图：
- 设置饼图的圆心位置：x值为70%，图形从中心往右偏移20%，如图：
- 设置油量图的圆心位置：x值为35%，图形从中心往左偏移15%，如图：
边框
说明
组件支持设置线条、图片、圆角角度设置组件边框，支持设置线条边框、图片边框、圆角角度。
...
- 不可选：选择不了数据。
- 单选：只能选择一个数据。
- 多选：一次可选多个数据。
效果
| 选中模式 | 设置项说明 | 效果 |
|---|---|---|
| 不可选 | 选择不了数据。 |
|
| 单选 | 只能选择一个数据。 |
|
| 多选 | 一次可选多个数据。 |
|
默认选中
说明
当图形为 环形图，且选中模式为 单选 时，支持设置默认选中列表数据中的第几位。
...
在环形图组件设置中打开“圆心数据”设置项，可设置环形图中间位置展示标签内容：占比、指标、分类。
各设置项说明如下：
| 设置项 | 说明 | ||
|---|---|---|---|
| 圆心数据 | 可设置中间标签是否显示（默认为不开启） | ||
| 内容 | 中间标签显示内容，包括：占比、指标、分类（默认开启指标和分类）； 支持拖拽选项调整占比、指标和分类的前后顺序。
| ||
| 占比 |
修改相关内容的文字样式，包括字体类型、字号、文字颜色、加粗和斜体。
|
| 指标 |
| 分类 |
区域颜色
说明
用于设置地图中无数据区域的颜色。
效果
设置区域颜色为橙色，如图：
...
设置边框样式为实线，边框粗细为2，颜色为黄色；连线样式为虚线，连线粗细为2，颜色为红色，效果如图：
高亮状态
说明
高亮状态即为鼠标移入时状态。
- 设置高亮状态的颜色。
- 设置高亮状态的边框样式、边框粗细、颜色。
- 设置高亮状态的连线样式、粗细、颜色。
效果
设置高亮状态颜色为黄色；
边框样式为实线，边框粗细为3，颜色为紫色；
...
雷达图类型组件中，切换轴线的样式，包括：多边形、圆形。
效果
| 多边形 | 圆形 |
|---|---|
|
|
显示风格
说明
雷达图类型组件中，切换显示风格，包括：线、面积。
效果
| 线 | 面积 |
|---|---|
|
|
分割数
说明
用于设置雷达图的隔区数。
效果
设置3个分割数，效果如下：
...
对雷达图轴线的设置，包括“是否显示轴线、轴线样式”。
- 显示：轴线显示或者不显示。
- 样式：设置轴线的样式、粗细和颜色。
效果
轴线显示和不显示的效果对比图：
设置轴线样式为实线，轴线大小为1，颜色为黑色，如图：
...
对雷达图隔线的设置，包括“是否显示隔线、隔线样式”。
- 显示：隔线显示或者不显示。
- 样式：设置隔线的样式、大小和颜色。
效果
隔线显示和不显示的效果对比图：
设置隔线样式为虚线，隔线大小为1，颜色为黑色，如图：
...
对雷达图隔区的设置，包括“是否显示隔区、隔区颜色”。
- 显示：设置隔区显示或者不显示。
- 颜色：分别设置隔区的颜色。
效果
隔区显示和不显示的效果对比图：
分别设置隔区颜色，如图：
...
设置雷达图类型组件中，刻度的显示位置及样式。
显示位置包括：自动、垂直、倾斜、不显示。
样式包括：字体类型、字体大小、字体颜色和加粗。样式包括：字体类型、字号、文字颜色和加粗。
效果
位置
说明
设置指标看板中内容相对组件的位置，支持设置：居左、居中和居右的效果，默认效果为居中。
效果
维度名称
说明
对指标看板中维度名称的设置，包括“是否显示维度名称、文字样式”。此设置只有指标看板组件在 维度 区中添加了维度字段时，才能看到效果。
- 显示：设置维度名称显示或者不显示。
- 文字样式：字体类型、字号、文字颜色、加粗、斜体和下划线。
效果
每行列数
说明
设置每行显示的个数。
| 注意 |
|---|
在指标看板中，该设置项只有在维度包含多个值时，才能看到效果在指标看板中，该设置项只有在维度包含多个值时，才能看到效果。 |
效果
- 指标看板
| 每行列数为2 | 每行列数为4 |
|---|
|
|
- 水球图
设置每行列数为3
分隔线
说明
对指标看板中的分隔线样式进行设置：
- 分隔线类型：无、虚线、点线、实线分隔线类型：无、虚线、点线、实线。
- 分隔线粗度：0-55。
- 分隔线颜色：可自定义分隔线颜色：可自定义。
| 注意 |
|---|
该设置项只有在维度包含多个值时，才能看到效果 |
...
该设置项只有在维度包含多个值时，才能看到效果。 |
效果
现有一指标看板，对其分隔线做如下设置：
- 类型为点线
- 粗度为2
- 颜色为红色
效果如下图所示：
设置分隔样式为虚线，隔线大小为2，颜色为红色，如图：
图标
说明
在指标看板中，图标设置项可显示图标效果。在指标看板中，图标设置项可显示图标效果，默认效果为不显示图标。
| 图标类型 | 图标位置 |
|---|
|
|
效果
| 固定位置 | 跟随字段 |
|---|
|
|
度量名称
说明
对指标看板中，度量值的名称进行设置，包括：是否显示度量名称、内容、位置及字体样式。
- 显示：设置度量名称显示或者不显示，默认效果为显示。
...
- 内容：默认显示度量字段的当前名称，可自定义。
- 内容：默认显示度量当前名称，可自定义；位置：显示位置可分为：顶部、底部、左、右；字体位置可分为：居左、居中、居右、居上、居下。
- 位置：显示位置可分为：顶部、底部、左、右；字体位置可分为：居左、居中、居右。字体样式：可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。
效果
1、各位置的效果如图：
2、度量名字内容文字样式效果如图：
指标
说明
对指标看板中的指标内容进行字体样式设置，包括字体类型、字号、文字颜色、加粗、斜体和下划线。
对指标显示的字体样式进行设置。效果
后缀
说明
指标看板中，指标值后可添加自定义后缀，包括：是否显示后缀、内容、位置及字体样式。
- 显示：设置后缀显示或者不显示，默认效果为不显示。
...
- 内容：默认为空，可自定义输入后缀内容。
...
- 字体样式：可以设置字体类型、字号、文字颜色、加粗、斜体和下划线。
效果
| 锚 | ||||
|---|---|---|---|---|
|
说明
对指标的名称进行设置：
- 在油量图系列组件中，包括油量图、环形进度图、外刻度油量图、内刻度油量图和指标卡在油量图系列组件中
可设置是否显示指标名称、内容、样式、偏移位置：
...
（1）显示指标名称：设置指标名称是显示或者不显示，默认效果为显示。
...
（2）内容：默认显示度量字段的当前名称，可自定义。
...
（3）样式：设置指标名称的字体类型、字号、文字颜色、加粗和斜体。
...
（4）偏移位置：设置指标名称的位置，包括水平偏移位置和垂直偏移位置。X、Y轴的起始位置位于组件对角线中心，Y轴上方为负方向，Y轴下方为正方向；X轴左方为负方向，X轴右方为正方向。
...
- 在水球图组件中
- 在进度图组件中
可设置指标名称是否显示，垂直位置、水平位置调整以及字体样式：
效果
以油量图为例：
...
可设置是否显示指标名称、内容、样式、偏移位置：
（1）显示指标名称：设置指标名称是显示或者不显示，默认效果为显示。
（2）内容：默认显示度量字段的当前名称，可自定义。
（3）样式：设置指标名称的字体类型、字号、文字颜色、加粗和斜体。
（4）位置：设置指标名称相对水球的位置，包括居上、居中和居下。
- 在进度图组件中
可设置是否显示指标名称、垂直位置、水平位置调整以及字体样式：
（1）显示指标名称：设置指标名称是显示或者不显示，默认效果为显示。
（2）垂直位置：设置指标名称在垂直方向上显示的位置，包括居上、居中和居下，默认效果为居中。
（3）水平位置：设置指标名称在水平方向上显示的位置，包括居左和居右。
（4）样式：设置指标名称的字体类型、字号、文字颜色、加粗和斜体。
效果
- 油量图效果：
- 水球图效果：
- 进度图效果：
表盘风格
说明
对表盘样式进行切换或自定义：
内置了上述三种常用风格的表盘进行选择，如未能满足需求，可通过如下设置项进行配置：
- 开始角度：表盘开始角度开始角度：表盘开始角度。
- 结束角度：表盘的结束角度结束角度：表盘的结束角度，0度起始位置为正右手侧，正上方为90度，可以从0到正360度或负360度调整。
...
- 宽度：表盘的宽度。
...
0度起始位置为正右手侧，正上方为90度，可以从0到正360度或负360度调整。
...
效果
以油量图组件为例：
指针
说明
对指针的样式进行设置
- 油量图系列组件中：可设置指针的形状、颜色和长宽。
形状类型包括：线型针、刀型针、水滴针、三角指针、无
效果
以油量图为例：形状选择刀型针：
...
- 进度图中：可设置指针的形状、颜色。
形状类型包括：无、三角形、倒三角形、圆形
效果
进度图形状选择为三角形：
...
表盘颜色
说明
设置表盘指定区间的颜色。设置油量图表盘指定区间的颜色。指定区间手动输入从0到100之间的值。
指定区间手动输入从0到1之间的值。
效果
区间数可增加和删除：
刻度/刻度样式
说明
设置表盘刻度线的刻度指标是否显示、刻度指标颜色、刻度指标位置、刻度线长、刻度数、样式。设置油量图表盘刻度线的刻度指标是否显示、刻度颜色、刻度位置、刻度线长、刻度数、线样式。
...
- 显示刻度：设置刻度是否显示。
...
- 刻度颜色：设置刻度的颜色。
...
- 位置：设置刻度的位置，包括外、上和内容。
- 刻度线长：设置刻度线的长度。
- 刻度数：设置每格刻度数的数量。
...
- 线样式：设置刻度线的样式、粗细和颜色。
...
效果
| 刻度显示 |
|---|
| 刻度不显示 |
|---|
|
|
使用“刻度”设置项对油量图进行设置，效果如下图所示：使用“刻度样式”设置项对油量图进行设置，效果如下图所示：
...
刻度数据格式
说明
设置表盘刻度的分割线线长、刻度数、样式。
- 刻度线长：设置刻度线的长度。
- 刻度数：设置表盘划分的区域数量。
- 样式：设置刻度线的样式、大小和颜色。
效果
设置分割线的刻度数为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 |
|---|
| 粗细为16 |
|---|
|
|
进度槽
说明
设置进度槽的颜色。
设置进度图的进度槽颜色。
效果
颜色为#50E3C2：设置进度图的进度槽颜色为绿色，效果如下图：
刻度轴
说明
设置刻度轴是否显示及调整其刻度轴字体样式。
设置进度图的刻度轴是否显示及调整其刻度轴字体样式。
- 显示：是否显示刻度轴，默认效果为不显示。
- 样式：设置刻度轴标签的文字样式，包括：字体类型、字号、文字颜色、加粗和斜体。
效果
| 显示 | 不显示 |
|---|
|
|
图形事件
说明
设置是否允许开启echarts图形（矩形树图、旭日图）自带的图形事件，默认允许。设置是否允许开启echarts图形（矩形树图、旭日图）自带的图形事件，默认效果为允许。
1、矩形树图的图形事件：聚焦
- 允许：点击任意字段矩形放大聚焦到画布中央。允许：点击任意字段矩形块放大聚焦到画布中央。
- 禁止：点击任意字段矩形无反应。禁止：点击任意字段矩形块无反应。
2、旭日图的图形事件：下钻
- 允许：开启Echarts的旭日图自带的下钻功能的下钻功能。
- 禁止：禁用Echarts的旭日图自带的下钻功能禁止：禁用Echarts的旭日图自带的下钻功能。
图形渲染
说明
设置图形渲染时，所采用的渲染器方法：
- SVG：一种使用XML描述2D图像的语言。文本渲染能力强，刷新能力弱。适用于大区域渲染程序，比如高保真图形、带有某些特效的静态图像。
- Ganvas：HTML5新增的DOM，提供了像素级图形编程接口。文本渲染能力弱，刷新能力强。适用于图像密集型编程。比如高性能图形、复杂场景的实时动画。
最大系列数
说明
用于设置图表中进行考量对象的分组数。
...
某系列下有多个成员时，所有成员数据合计后再进行分布效果处理。
图形主题
说明用于设置选中组件的图形主题。
用于设置选中组件的图形主题，可选择的图形主题来源可参考 图形主题 。
设置组件的图形主题优先级高于全局的图形主题。
效果
组件的图形主题如图：
