<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,屬性資料的整理,後續繼續補充相關資料,謝謝大家對本站的支持! ,謝謝大家對本站的支持!