油量图的设置项中,有一些高级设置项。如下:
设置项 | 说明 | |
---|---|---|
表盘风格 | 可选默认或者半圆,表示仪表盘的显示角度为270度或半圆,详细说明请参考下文表盘风格可选默认或者半圆,表示仪表盘的显示角度为270度或半圆,详细说明请参考下文表盘风格 | |
自定义风格 | 设置仪表盘的起始位置,详细说明请参考下文自定义风格设置仪表盘的起始位置,详细说明请参考下文自定义风格 | |
半径 | 设置油量图半径,详细说明请参考下文油量图半径设置油量图半径,详细说明请参考下文油量图半径 | |
圆心位置 | 设置油量图的圆心在画布中的位置,详细说明请参考下文圆心位置设置油量图的圆心在画布中的位置,详细说明请参考下文圆心位置 | |
表盘样式 | 表盘宽度 | 设置表盘宽度,详细说明请参考下文表盘样式设置表盘宽度,详细说明请参考下文表盘宽度 |
样式设置设置表盘的划分及颜色,详细说明请参考下文表盘样式 | 设置表盘的划分及颜色,详细说明请参考下文样式设置 |
设置项说明
锚 | ||
---|---|---|
|
...
|
...
表盘风格
实现功能:设置表盘风格
可选值:默认/半圆
(1)选择“默认”时,表盘角度为270°,开始角度为225°,结束角度为-45°,如下
...
(2)选择“半圆”时,表盘角度为180°,开始角度为180°,结束角度为0°
锚 油量图_自定义风格 油量图_自定义风格
自定义风格
油量图_自定义风格 | |
油量图_自定义风格 |
实现功能:自定义表盘结束和开始角度
可选值:数值(表示相应度数)
(1)油量图所在的圆,角度度数如下。逆时针为正度数,顺时针为负度数。
当开始度数大于结束度数时,表盘方向为顺时针方向;当开始度数小于结束度数时,表盘方向为逆时针方向。
(2)可以输入开始角度和介绍角度自定义表盘,如,开始角度为“180”度,结束角度为“0”度,表盘显示如下:
锚 | ||||
---|---|---|---|---|
|
实现功能:通过设置半径,设置油量图的大小
可选值:数值或百分比
(1)半径填写数值时,表示油量图的半径为对应数值的像素大小。如下图中,油量图半径填写的是“150”,则该油量图半径大小为150像素。
(2)半径填写百分比时,表示油量图的半径为画布高宽中较小值一半对应的百分比。如下图中,画布高宽是600*400,半径填写的是“75%”,则实际油量图的半径为400/2*75%=150像素
锚 油量图_圆心位置 油量图_圆心位置
圆心位置
油量图_圆心位置 | |
油量图_圆心位置 |
实现功能:通过圆心位置设置项,可以修改雷达在画布中的位置。:通过圆心位置设置项,可以修改油量图在画布中的位置。
可选值:数值或百分比
可选值:数值或百分比(1)油量图圆心位置的确定:油量图是在画布中进行绘制的,确定油量图的圆心位置需要两个值,一个是水平位置和垂直位置,原点为画布的左上角
(1)雷达图圆心位置的确定:雷达图是在画布中进行绘制的,确定雷达图的圆心位置需要两个值,一个是水平位置和垂直位置,原点为画布的左上角
(2)圆心位置可以填写数值。如下图中,圆心位置填写的是“水平:150,垂直:200”,表示圆心距离画布左侧边框距离为150像素,圆心距离画布上边框距离为200像素。
(2)圆心位置可以填写数值。如下图中,圆心位置填写的是“水平:150,垂直:120”,表示圆心距离画布左侧边框距离为150像素,圆心距离画布上边框距离为120像素。
(3)圆心位置可以填写百分比。如下图中,圆心位置填写的是“水平:50%,垂直:60%”,表示圆心距离画布左侧边框的距离为画布宽度的50%,圆心距离画布上边框的距离为画布高度的60%
表盘样式
锚 油量图_表盘宽度 油量图_表盘宽度
表盘宽度
油量图_表盘宽度 | |
油量图_表盘宽度 |
雷达图半径和圆心位置结合,可以实现多个雷达图的仪表分析。实现功能:设置表盘的宽度
刻度设置
实现功能:设置雷达图刻度的最大值和最小值。
可选值:数值和字段
(1)刻度设置最大值和最小值填写数值时,表示刻度的最大值和最小值为相应的数值。如下数据最大值为26789,最小值为9568,刻度设置为“最小值9000;最大值30000”。
(2)刻度设置最大值和最小值选择字段时,表示刻度的最大值和最小值使用对应字段的第一个数据。
具体使用可参考示例:雷达图-动态刻度。
表盘样式
...
可选值:数值
设置表盘宽度为10,效果如下:
设置表盘宽度为30,效果如下:
锚 油量图_样式设置 油量图_样式设置
样式设置
油量图_样式设置 | |
油量图_样式设置 |
实现功能:自定义表盘的颜色区间
可选值:表盘可以被分成不同颜色的多段,每段的结束位置和颜色可以设置;结束值范围是0到1,比如0.4是表盘40%的位置,最后的结束位置一定是1,否者表盘会显示不全
设置区间如下:
显示效果如下: