Hello,
I'm using gauges with real time function. Along with it, I'm also using the <alerts> when, change the dial value from 0 to 50 it calls the first <Annotation> that changes color to red, from 51 to 85 change to yellow and 86 to 100 green.
But when the value of the dial changes from 0 to 48 it does not change color, then I change back to 10 and does not change ... only the value 86 when he gets that changes color.
I tested the option for JS alert and the alerts work, only <annotations> error happens.
Here's my xml:
<Chart bgColor='ffffff' bgAlpha='0' upperLimit='100' lowerLimit='0' baseFontColor='FFFFFF' showTickMarks='1' majorTMNumber='10' majorTMHeight='10' tickMarkDecimalPrecision='1' pivotFillMix='{000000},{666666}' pivotFillRatio='50,50' showPivotBorder='1' pivotBorderColor='444444' pivotBorderThickness='2' pivotRadius='20' pivotFillType='linear' showTickValues='0' majorTMThickness='1' minorTMThickness='1' minorTMColor='FFFFFF' majorTMColor='FFFFFF' gaugeOuterRadius='100' toolTipBgColor='333333' gaugeOriginX='150' gaugeOriginY='150' gaugeScaleAngle='180' placeValuesInside='0' gaugeInnerRadius='95%25' annRenderDelay='0' gaugeFillMix='' showShadow='0' showBorder='0' autoScale='1' origW='300' origH='300' baseFontSize='30' showToolTip='0' dataStreamURL='teste.php' refreshInterval='10'>
<dials>
<dial id='cliente' value='0' borderAlpha='0' bgColor='FF0000' baseWidth='12' topWidth='1' radius='100' showValue='1' valueY='205'/>
</dials>
<alerts>
<alert minValue='0' maxValue='50' action='callJS' param="alert('Value between 0 and 50');"/>
<alert minValue='0' maxValue='50' action='callJS' param="statusRed"/>
<alert minValue='50' maxValue='85' action='callJS' param="alert('Value between 50 and 85');"/>
<alert minValue='85' maxValue='100' action='callJS' param="alert('Value between 85 and 100');"/>
</alerts>
<styles>
<definition>
<style name='MyFirstFontStyle' type='font' face='Arial' color='FFFFFF' bold='0' />
<style name='MyFirstShadow' type='Shadow' color='000000' />
<style name='MyFirstBevel' type='Bevel' />
</definition>
<application>
<apply toObject='value' styles='MyFirstFontStyle,MyFirstShadow' />
<apply toObject='dial' styles='MyFirstShadow,MyFirstBevel' />
<apply toObject='tickmarks' styles='MyFirstShadow' />
<apply toObject='pivot' styles='MyFirstShadow' />
</application>
</styles>
<annotations>
<annotationGroup xPos='150' yPos='150' showBelow='1' origW='300' origH='300' autoScale='1' scaleText='1' id='statusRed'>
<annotation type='circle' xPos='0' yPos='0' radius='130' startAngle='0' endAngle='360' fillColor='CCCCCC,555555' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='120' startAngle='0' endAngle='360' fillColor='555555,cccccc' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' startAngle='0' endAngle='360' fillColor='fb4511,a21317' fillPattern='radial' fillAngle='270' fillRatio='50,50'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' fillPattern='radial' fillColor='000000,000000' fillAlpha='0,50' fillRatio='85,15' fillAngle='270'/>
<annotation type='circle' xPos='0' yPos='-16' radius='90' fillPattern='linear' fillColor='000000,ffffff' fillAlpha='15,0' fillRatio='50,50' fillAngle='270'/>
</annotationGroup>
<annotationGroup xPos='150' yPos='150' showBelow='1' origW='300' origH='300' autoScale='1' scaleText='1' id='statusYellow'>
<annotation type='circle' xPos='0' yPos='0' radius='130' startAngle='0' endAngle='360' fillColor='CCCCCC,555555' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='120' startAngle='0' endAngle='360' fillColor='555555,cccccc' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' startAngle='0' endAngle='360' fillColor='ffff00,ffff00' fillPattern='radial' fillAngle='270' fillRatio='50,50'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' fillPattern='radial' fillColor='000000,000000' fillAlpha='0,50' fillRatio='85,15' fillAngle='270'/>
<annotation type='circle' xPos='0' yPos='-16' radius='90' fillPattern='linear' fillColor='000000,ffffff' fillAlpha='15,0' fillRatio='50,50' fillAngle='270'/>
</annotationGroup>
<annotationGroup xPos='150' yPos='150' showBelow='1' origW='300' origH='300' autoScale='1' scaleText='1' id='statusGreen'>
<annotation type='circle' xPos='0' yPos='0' radius='130' startAngle='0' endAngle='360' fillColor='CCCCCC,555555' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='120' startAngle='0' endAngle='360' fillColor='555555,cccccc' fillPattern='linear' fillAlpha='100,100' fillRatio='50,50' fillAngle='-45'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' startAngle='0' endAngle='360' fillColor='6aba8b,00733a' fillPattern='radial' fillAngle='270' fillRatio='50,50'/>
<annotation type='circle' xPos='0' yPos='0' radius='110' fillPattern='radial' fillColor='000000,000000' fillAlpha='0,50' fillRatio='85,15' fillAngle='270'/>
<annotation type='circle' xPos='0' yPos='-16' radius='90' fillPattern='linear' fillColor='000000,ffffff' fillAlpha='15,0' fillRatio='50,50' fillAngle='270'/>
</annotationGroup>
</annotations>
</Chart>
