Angulargauge attribute parsing _angularjs

<chart bgcolor= ' FFFFFF ' upperlimit= ' lowerlimit= ' 0 ' basefontcolor= ' 666666 ' majortmnumber= ' majortmcolor= ' 666666 ' majortmheight= ' 8 ' minortmnumber= ' 5 ' minortmcolor= ' 666666 ' minortmheight= ' 3 ' pivotradius= ' ' ShowGaugeBorder = ' 0 ' gaugeouterradius= ' gaugeinnerradius= ' gaugeoriginx= ' 170 ' gaugeoriginy= ' 170 ', gaugescaleangle= ' 220 ' Displayvaluedistance= ' placevaluesinside= ' 1 ' gaugefillmix= ' pivotfillmix= ' {F0efea}, {BEBCB0} ' pivotbordercolor= ' BEBCB0 ' pivotfillratio= ' 80,50 ' showshadow= ' 0 ' > <colorRange> <color minvalue= ' 0 ' maxvalue= ' ' code= ' 00F F00 ' alpha= ' 0 '/> <color minvalue= ' maxvalue= ' name= ' Danger ' code= ' FF0000 ' alpha= ' ge> <dials> <dial value= ' bordercolor= ' #FF3333 ' bgcolor= ' bebcb0, F0efea, bebcb0 ' borderalpha= ' 0 ' Basewi Dth= ' topwidth= ' 3 '/> </dials> <annotations> <annotationgroup xpos= ' 170 ' ypos= ' 170 ' o= ' 10,125,254 ' fillpattern= ' Radial ' > <!--DrAW the upper white rounded Border--> <annotation type= ' circle ' xpos= ' 0 ' ypos= ' 0 ' radius= ' bordercolor= ' Ebcb0 's ' fillasgradient= ' 1 ' fillcolor= ' F0efea, bebcb0 ' fillratio= ' 85,15 '/> <annotation ' the ' 0 ' type= os= ' 0 ' radius= ' 140 ' fillcolor= ' bebcb0, F0efea ' fillratio= ' 85,15 '/> <annotation ' the ' type= ' and ' circle ' 0 ' xpos= ' FFFFFF ' ypos= ' 0 ' radius= ' 140 ' bordercolor= ' F0efea '/> </annotationGroup> </annotations> &LT;/CHART&G T

-------------------------Dashboard Important attribute resolution-----------------------

Root Node <chart properties:
Upperlimit= ' 120 '--Maximum scale value
lowerlimit= ' 0 '--lower limit of tick value
Limits= ' 0/1 '--whether to display the limit value
Basefontcolor= ' #FF3333 '--Tick value font color
Majortmnumber= ' 12 '--equal equal value to be divided into the instrument panel
Majortmcolor= ' #FF3333 '--the color of tick marks
Majortmheight= ' 8 '--length of tick marks
Minortmnumber= ' 5 '--number of small tick marks between dashboard tick marks
Minortmcolor= ' #FF3333 '--small tick-mark line color between dashboard tick marks
Minortmheight= ' 5 '--the length of small tick marks between the tick marks of the instrument panel
Pivotradius= ' 20 '--Needle heart circle radius
Showgaugeborder= ' 1 '-whether to display the dial border
Gaugeouterradius= ' 130 '--dial peripheral radius
Gaugeinnerradius= ' 110 '--dial inner radius
gaugeoriginx= ' 170 '--Dial Center X coordinate
Gaugeoriginy= ' 170 '--Dial Center y coordinate
Gaugescaleangle= ' 200 '--dial ratio (degree)
Displayvaluedistance= ' 20 '--Displays the distance between the value and the tick mark
Placevaluesinside= ' 1 '--Displays whether the value is inside the dial
Gaugefillmix= '--whether the dial color is mixed
Pivotfillmix= ' {F0efea}, {BEBCB0} '--whether the dashboard axis is mixed
Pivotbordercolor= ' BEBCB0 '--axis border color
pivotfillratio= ' 80,50 '--axis ratio
showshadow= ' 0 '-whether to show shadows

Color Range:

<colorRange>
<color minvalue= ' 0 ' maxvalue= ' code= ' 00ff00 ' alpha= ' 0 '/>
<color minvalue= ' maxvalue= ' name= ' Danger ' code= ' FF0000 ' alpha= '
</colorRange>

The principle and application of this node:

Through two different colors stitching into the dial background, can be used to remind the indicator to a certain area;

Turntable:

<dials>
<dial value= ' bordercolor= ' #FF3333 ' bgcolor= ' bebcb0, F0efea, bebcb0 ' borderalpha= ' 0 ' basewidth= ' topwidth= ' 3 ' />
</dials>

Value= ' 50 '--pointer indicating value
Borderalpha= ' 10 '--color depth of pointer edge
Basewidth= ' 10 '--width of the needle only
Topwidth= ' 3 '--width of the tip of the pointer

Dashboard Perimeter control:

 <annotations> <annotationgroup xpos= ' 170 ' ypos= ' 170 ' fillratio= ' 225,225,254 ' fillpattern= ' radial ' alpha= ' one ' > <annotation type= ' Circle ' xpos= ' 0 ' ypos= ' 0 ' radius= ' ' bordercolor= ' bebcb0 ' F Illasgradient= ' 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 ' ypos= ' 0 ' radius= ' 140 ' bordercolor= ' F0efea ' color= ' FFFFFF '/> 

<chart bgalpha= ' 0 ' bgcolor= ' FFFFFF ' lowerlimit= ' 0 ' upperlimit= ' numbersuffix= '%25 ' 0 ' showborder= ' Basefontcolor= ' FFFFDD ' charttopmargin= ' chartbottommargin= ' chartleftmargin= ' chartrightmargin= ' 25 ' Tooltipbgcolor= ' 80a905 ' gaugefillmix= ' {dark-10},ffffff,{dark-10} ' gaugefillratio= ' 3 ' > <colorRange> < Color minvalue= ' 0 ' maxvalue= ' code= ' ff654f '/> <color the minvalue= ' maxvalue= ' code= ' f6bd0f/> or minvalue= ' maxvalue= ' code= ' 8bba00 '/> </colorRange> <dials> <dial ' value= ' Sion= '/> </dials> <trendpoints> <point value= ' displayvalue= ' Average ' fontcolor= ' FF4400 ' u Semarker= ' 1 ' dashed= ' 1 ' dashlen= ' 2 ' dashgap= ' 2 ' valueinside= ' 1 '/> </trendpoints> <!--rectangles behind t He gauge--> <annotations> <annotationgroup id= ' Grp1 ' showbelow= ' 1 ' > <annotation type= ' Rectan Gle ' x= ' 5 ' y= ' 5 ' tox= ' 345 ' toy= ' 195 ' ' radius= ' 00 ' color= '9999,333333 ' showborder= ' 0 '/> </annotationGroup> </annotations> <styles> &LT;DEFINITION&G
     T <style name= ' Rectshadow ' type= ' Shadow ' strength= ' 3 '/> </definition> <application> <apply t oobject= ' Grp1 ' styles= ' Rectshadow '/> </application> </styles> </chart>

-------------------------Dashboard Key Attribute parsing-----------------------

<chart
numbersuffix= '%25 '--numeric suffix%
Charttopmargin= ' 25 '--the distance to the top of the container
Chartbottommargin= ' 25 '--the distance to the bottom of the container
Chartleftmargin= ' 25 '--distance to the left side of the container
Chartrightmargin= ' 25 '--the distance to the right side of the container
gaugefillratio= ' 11 '--dial background color ratio
<annotationgroup showbelow= ' 1 '--shown under XX

The above is the Angulargauge attribute data collation, follow-up continue to supplement the relevant information, thank you for your support of this site!