页面树结构
转至元数据结尾
转至元数据起始

油量图的设置项中,有一些高级设置项。如下:

 

 

设置项说明
表盘风格可选默认或者半圆,表示仪表盘的显示角度为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)油量图圆心位置的确定:油量图是在画布中进行绘制的,确定油量图的圆心位置需要两个值,一个是水平位置和垂直位置,原点为画布的左上角

(2)圆心位置可以填写数值。如下图中,圆心位置填写的是“水平:150,垂直:200”,表示圆心距离画布左侧边框距离为150像素,圆心距离画布上边框距离为200像素。

 

(3)圆心位置可以填写百分比。如下图中,圆心位置填写的是“水平:50%,垂直:60%”,表示圆心距离画布左侧边框的距离为画布宽度的50%,圆心距离画布上边框的距离为画布高度的60%

表盘样式

 表盘宽度

实现功能:设置表盘的宽度

可选值:数值

设置表盘宽度为10,效果如下:

设置表盘宽度为30,效果如下:

 样式设置

实现功能:自定义表盘的颜色区间

可选值:表盘可以被分成不同颜色的多段,每段的结束位置和颜色可以设置;结束值范围是0到1,比如0.4是表盘40%的位置,最后的结束位置一定是1,否者表盘会显示不全

设置区间如下:

 

显示效果如下:

  • 无标签