Alerts Error

[rvolcov]

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>

[Sanjukta]

Hi,

 

The issue you are facing has been replicated.

 

Could you please try setting the value "SHOWANNOTATION" for the attribute "action" in the <alerts> element to show the change of display of annotations with values?

 

Also, we have provided the first annotation group as the base annotation as the initial value is '0'. Please note that all the other annotation that needs to show/hidden with values should be placed after the base annotation in the XML.

 

Please refer to the modified XML file for details.

 

Hope this helps.

Angular2.xml