real time update of gauge

[real time update of gauge]

Hello,

I'm trying to configure real time gauge for a web site.

My gauge : 

var chart10456 = new FusionCharts("AngularGauge", "_chart10456", "500", "200");

var datas = myxml;

chart10456.setXMLUrl('GetGaugeDataStream?ID_NUMGENREN=10456');chart10456.render("chartContainer_chart10456");

 

My datas :

<chart type="angular" style="1" manageresize="0" lowerlimit="0" palette="3" valuebelowpivot="1" majortmheight="25" tickvaluedistance="10" showvalue="1" gaugeinnerradius="70%" pivotfillcolor="333333" pivotradius="6" pivotfillmix="333333, FFFFFF" pivotfilltype="radial" pivotfillratio="0,100" showtickvalues="1" showborder="0" origw="400" origh="220" chartbottommargin="10" name="chart10456" id="chart10456" dataStreamURL="GetGaugeDataStreamRT?ID_NUMGENREN=10456" clickURL="DataViewVision?ID1=10284&ORDER=1&PDS=SourceGen" refreshInterval="10" showRTMenuItem="1" upperlimit="100">

<dials>

<dial value="7" rearextension="0" radius="90%" bgcolor="CCCCCC" bordercolor="999999" basewidth="6" alpha="50"/>

</dials>

<trendpoints>

<point usemarker="0" thickness="1" color="FF0000" startvalue="100" innerradius="75" valueinside="1"/>

</trendpoints>

<colorrange>

<color minvalue="0" maxvalue="50" code="#6baa01"/>

<color minvalue="50" maxvalue="100" code="#f8bd19"/>

</colorrange>

</chart>

 

When my value is lower than the trendpoint, my upperlimit equals the trendpoint

example : value = 7, trendpoint = 100, upperlimit = 100

see CAPTURE.PNG

 

 

After update, my value equal 148.

The gauge is updated but the dial is not moving.

see CAPTURE1.PNG

Can you explain me why ?

 

when the value is lower than the upper limit, the dial work well and move.