<Chart bgcolor = 'ffffff' superiorLimit = '120' LowerLimit = '0' BasFontColor = '6666666' MajortMnumber = '10 'MajortMcolor =' 6666666 'MajortMheight =' 8 'minortMnumber =' 5 'minortmcolor =' 6666666 pivotradius = '10 'showgaugeBorder =' 0 'GauGeoUterradius =' 100 'GaUGeInnernerRadius = '90' Gaugeoriginx = '170' Gaugeoriginy = '170' GaugescaleAngle = '220' DisplayValueDistance = '20 'PlaceValuesinSide =' 1 'GaugeFillmix =' '' '' '' pivotfillMix = '{f0efea}, {bebcb0}' pivotBorderColor = 'bebcb0' pivotfillratio = minvalue = '80 'maxValue =' 100 'name =' Danger 'Code =' ff0000 'alpha = '50'/> </ colorrange> <fials> <dial value = '50 'borderColor ='#ff33333 ' topWidth='3'/> </dials> <annotations> <annotationGroup xPos='170' yPos='170' fillRatio='10,125,254' fillPattern='radial' > <!-- Draw the upper White Rounded Border --> <annotation type='circle' xPos='0' yPos='0' radius='150' borderColor= 'bebcb0' fillasgradient = '1' fillColor = 'f0Efea, bebcb0' fillratio = '85, 15 ' /> <annotation type =' circle 'xpos =' 0 'ypos =' 0 'Radius =' 140 'FillColor =' BebCb0, F0efea 'Fillratio = '85, 15' /> <Annotation Type = 'BebCb0, F0efea' xPOS = '0' color = 'ffffff' ypos = '0' Radius = '140' borderColor = 'f0efea'/> </notationgroup> </notations> </chart>------------------------- 仪表盘重要属性解析 -----------------------
根节点 <gráfico 属性 :
UpperLimit = '120' -刻度值上限
LowerLimit = '0' -刻度值下限
Límites = '0/1' -是否显示极限值
BasefontColor = '#FF3333' -刻度值字体颜色
majortmnumber = '12 ' -需要将仪表盘分成的等份值
majortmcolor = '#FF3333' -刻度线的颜色
majortmheight = '8' -刻度线的长度
minortmnumber = '5' -仪表盘刻度线间小刻度线的数量
minortmcolor = '#ff3333' -仪表盘刻度线间小刻度线颜色
minortmheight = '5' -仪表盘刻度线间小刻度线长度
Pivotradius = '20 ' -针心圆半径
showgaugeborder = '1' -是否显示刻度盘边框
GauGeuterradius = '130' -刻度盘外围半径
Gaugeinnergerradius = '110' -刻度盘内围半径
Gaugeoriginx = '170' -刻度盘圆心 x 坐标
Gaugeoriginy = '170' -刻度盘圆心 y 坐标
GaugescaleAngle = '200' -刻度盘比例(度数)
DisplayValueDistance = '20 ' -显示值与刻度线的距离
PlaceValuesInside = '1' -显示值是否位于刻度盘的内部
GaugeFillMix = '' -刻度盘颜色是否混合
pivotfillmix = '{f0efea}, {bebcb0}' -仪表盘轴心是否混合
PivotBorDerColor = 'Bebcb0' -轴心边框颜色
pivotfillratio = '80, 50 ' -轴心比率
showshadow = '0' -是否显示阴影
颜色范围 :
<Colorrange>
<color minvalue = '0' maxValue = '84 'code =' 00ff00 'alfa =' 0 '/>
<color minvalue = '80 'maxValue =' 100 'name =' Danger 'Code =' FF0000 'Alpha = '50'/>
</colorrange>
此节点的原理及应用 :
通过两种不同的颜色拼接成刻度盘底色 可用于提醒指示到一定区域了; 可用于提醒指示到一定区域了;
转盘 :
<fial>
<dial value = '50 'borderColor ='#ff3333 'bgcolor =' bebcb0, f0efea, bebcb0 'borderalpha =' 0 'basewidth = '10' topwidth = '3'/>
</dials>
valor = '50 ' -指针指示值
borderalpha = '10 ' -指针边线的颜色深度
basewidth = '10 ' -只针的宽度
topwidth = '3' -指针尖端的宽度
仪表盘外围控件 :
<anotaciones> <annotationgroup xPos = '170' yPos = '170' Fillratio = '225,225,254' FillPattern = 'Radial' Alpha = '11 '> <Annotation Type =' Circle 'xPos =' 0 'YPos =' 0 'Radius =' 150 'Bordercolor =' Bebcb0 'FillasGrAdient llenColor = 'f0efea, bebcb0' fillratio = '85, 15 ' /> <annotation type =' circle 'xPos =' 0 'yPos =' 0 'Radius =' 140 'FillColor =' BebCb0, f0efea 'Fillratio = '85, 15' /> <annotation type = 'circle' xPos = '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' 0 '0' radio = '140' borderColor = 'f0efea' color = 'ffffff'/>
<Chart bgalpha = '0' bgcolor = 'ffffff' lowerlimit = '0' superior = '100' Numbersuffix = '%25' showBorDer = '0' basefontcolor = 'ffffdd' toolTipBggColor = '80a905' GauGeFillMix = '{Dark-10}, ffffff, {Dark-10}' GaugeFillratio = '3'> <Colorrange> <Color minvalue = '0' maxvalue = '45 'Código =' FF654f '/> <color minvalue = '45' mAxvalue = '45 ' código = 'f6bd0f'/> <color minvalue = '80 'maxvalue =' 100 'code =' 8bba00 '/> </ colorrange> <fials> <dial value = '92' royextension = '10 '/> </fials> <trendPoints> <punto valor = '50' displayValue = 'fontcolor =' ff4400 DANTED = '1' DashLen = '2' DashGap = '2' ValueInside = '1' /> </ TrendPoints> <!-Rectangles Behind the Gauge-> <Annotations> <AnnotationGroup ID = 'Grp1' showBeLow = '1' '> <type de anotación =' rectángulo 'x =' 5 'y =' 5 'tex =' 345 'Toy =' '' '' '' '' '' ' color = '009999,3333333' showborder = '0'/> </notationgroup> </notations> <styles> <infection> <style name = 'rectshadow' type = 'shadow' strind = '3'/> </fininition> <pact application <Apply toObject = 'grp1' syles = 'rectshadow'/> </application> </styles> </styles------------------------- 仪表盘重要属性解析 -----------------------
<cuadro
Numbersuffix = '%25' -数值后缀%
charttopmargin = '25 ' -到容器顶端的距离
Chartbottommargin = '25 ' -到容器底端的距离
ChartleftMargin = '25 ' -到容器左端的距离
ChartrightMargin = '25 ' -到容器右端的距离
GaugeFillratio = '11 ' -刻度盘背景颜色比例
<AnnotationGroup showbelow = '1' -显示在 xx 下面
以上就是对 Angulargauge 属性资料的整理 , 后续继续补充相关资料 谢谢大家对本站的支持!