<Chart bgColor='FFFFFF' upperLimit='120' lowerLimit='0' baseFontColor='666666' majorTMNumber='10' majorTMColor='666666' majorTMHeight='8' minorTMNumber='5' minorTMColor='666666' minorTMHeight='3' pivotRadius='10' showGaugeBorder='0' gaugeOuterRadius='100' gaugeInnerRadius='90' gaugeOriginX='170' gaugeOriginY='170' gaugeScaleAngle='220' displayValueDistance='20' placeValuesInside='1' gaugeFillMix='' pivotfillmix ='{f0efea},{bebcb0}'pivotBorderColor ='bebcb0'pivotFillratio = '80,50'Showshadow ='0'> <colorrange> <colorrange> <color minvalue ='0'0'0'Maxvalue =''''''''''Maxvalue = '84'' minvalue = '80'axvalue ='100'名称='danger'代码='ff0000'alpha = '50'/> </colorrange> <dials> <dial value ='50'bordercolor ='#ff33333'bgcolor ='bgcolor =' topWidth ='3'/> </dials> <Annotation> <annotationGroup xpos ='170'ypos ='170'fillratio = '10,125,254'fillpattern ='radial ='radial'> <! '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='circle' xpos ='0'color ='ffffff'ypos ='0'radius ='140'bordercolor ='f0efea'/> </ennotationGroup> </annotations> </andotations> </Chart>--------------------------------------------------------------------------
根节点<<图表::
Upperlimit ='120' - 刻度值上限
LowerLimit ='0' - 刻度值下限
限制='0/1' - 是否显示极限值
basefontcolor ='#ff3333' - 刻度值字体颜色
majortmnumber = '12' - 需要将仪表盘分成的等份值
majortmcolor ='#ff3333' - 刻度线的颜色
majortmheight ='8' - 刻度线的长度
minortmnumber ='5' - 仪表盘刻度线间小刻度线的数量
minortmcolor ='#ff3333' - 仪表盘刻度线间小刻度线颜色
minortmheight ='5' - 仪表盘刻度线间小刻度线长度
pivotradius ='20' - 针心圆半径
ShowGaugeBorder ='1' - 是否显示刻度盘边框
Gaugeouterradius ='130' - 刻度盘外围半径
Gaugeinnerradius ='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'代码='00ff00'alpha ='0'/>
<color minvalue = '80'maxvalue ='100'名称='danger'code ='ff0000'alpha = '50'/>
</colorrange>
此节点的原理及应用:
通过两种不同的颜色拼接成刻度盘底色,可用于提醒指示到一定区域了;,可用于提醒指示到一定区域了;
转盘:
<Dials>
<dial value = '50'bordercolor ='#ff3333'bgcolor ='bebcb0,f0efea,bebcb0'borderalpha ='0'baseWidth = '10'topWidth ='3'/>
</dials>
值='50' - 指针指示值
borderalpha = '10' - 指针边线的颜色深度
baseWidth = '10' - 只针的宽度
topWidth ='3' - 指针尖端的宽度
仪表盘外围控件:
<annotations> <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='1' fillColor ='f0efea,bebcb0'fillratio = '85,15' /> <notation type type ='circle'xpos ='0'ypos ='ypos ='0'radius ='140'fillcolor ='bebcb0,bebcb0,f0efea'f0efea''''''''''''''''''''''''''''''''fillratio = '85,15'' />' />'y /> <yp =''''''''0'半径='140'bordercolor ='f0efea'color ='ffffff'/>
<chart bgAlpha='0' bgColor='FFFFFF' lowerLimit='0' upperLimit='100' numberSuffix='%25' showBorder='0' basefontColor='FFFFDD' chartTopMargin='25' chartBottomMargin='25' chartLeftMargin='25' chartRightMargin='25' tooltipbgcolor ='80a905'gaugefillmix ='{dark-10},ffffff,{dark-10}'gaugefillratio ='3'3'> <colorrange> <color minvalue ='0'maxvalue ='maxvalue = '45'code = '45'code ='ff654f'ff654f'> <color =代码='f6bd0f'/> <color minvalue = '80'maxvalue ='100'代码='8bba00'/> </colorrange> <dials> <dial value = '92'harextension = '10'10'/> </dials> <趋势> <趋势> <点值划线='1'dashlen ='2'dashgap ='2'valuinEide ='1'1' /> < /strandpoints> <! - 仪表背后的矩形 - > <Annotations> <annotationGroup ID ='grp1'grp1'showbelow ='showbelow ='1'>半径= '10'color ='00999,333333'showborder ='0'0'/> </andotationGroup> </annotations> <样式> <daction> <daction> <definity> <style> <style> <style>'rectshadow'type ='shows'shows'shows'shows'shower'shadow'spearth'shadow'speact </styles> </Chart>--------------------------------------------------------------------------
<图表
numbernumpUffix ='%25' - 数值后缀%
ChartTopMargin = '25' - 到容器顶端的距离
ChartBottommargin = '25' - 到容器底端的距离
ChartLeftMargin = '25' - 到容器左端的距离
chartrightmargin = '25' - 到容器右端的距离
GAUGEFILLRATIO = '11' - 刻度盘背景颜色比例
<AnnotationGroup ShowBelow ='1' - 显示在XX下面
以上就是对AngularGuargue,属性资料的整理,后续继续补充相关资料,谢谢大家对本站的支持!,谢谢大家对本站的支持!