gilles.ruetsch

real time update of gauge

Recommended Posts

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.
 
 
 
 

post-68719-0-11111300-1454080577_thumb.png

post-68719-0-19329100-1454080666_thumb.png

Edited by gilles.ruetsch

Share this post


Link to post
Share on other sites

Hi,

 

Welcome to FusionCharts Forum!

 

In Angular Gauge, it is possible to set the dial value to the maximum limit when the value is beyond maximum limit using the FusionCharts API setData().

 

Syntax: setData(dialIndex, value)

Description: This method sets the data for the given dial index on the chart. The first dial is represented by index 1, second by 2 and so on.

Link: http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setData

 

Also, you can change the maximum limit value dynamically using FusionCharts API setChartAttribute() .

 

Syntax: setChartAttribute(attributes, value)

Description: Updates a chart's data attributes with the new attribute-value pair. In other words, it updates a chart's data definition root.

Link: http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setChartAttribute

 

Hope this will help your use case scenario.

Share this post


Link to post
Share on other sites

Hi.

 

When I attach to a process, the "show real-time data" button is disabled. Is it not possible to view real time data when attached to a process?

 

Cheers,

Kai

 

.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now