Problems updating Angular Gauge with AJAX
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



Problems updating Angular Gauge with AJAX Expand / Collapse
Author
Message
Posted 5/11/2008 10:56:15 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2 days ago @ 8:48:03 AM
Posts: 3, Visits: 12
I tried do do the same using AJAX instead. The gauge did get updated with the correct values. However, I noticed
a couple problems:

1) The inner circle flickers every time the gauge is updated.
2) The needle always returns to 0 before going to next value.

I still would like to see the animation effect so the the user can see a smooth transition from one value to another without jumping or flickering. I would also like to avoid to return the needle back to zero.

Please let me know if you know of a solution. Thanks so much!

Post #6176
Posted 5/12/2008 4:35:01 AM
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

Group: Moderators
Last Login: Yesterday @ 5:59:55 AM
Posts: 578, Visits: 882
Hi, 

I hope you might be using setDataURL/setDataXML to change the chart value which rerenders he chart. Instead, could you please try using setData() JavaSript API of the chart which would produce the desired effect. This would require you to fetch only the pointer value of the chart through AJAX and set this value using JavaScript. Please refer to a JavaScript Online Demo for more on this.

http://www.fusioncharts.com/widgets/Demos/Rating/Index.html

(http://www.fusioncharts.com/widgets/LiveDemos.asp)

Regards,

Sudipto Choudhury
FusionCharts Team

Post #6180
Posted 5/12/2008 1:22:25 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2 days ago @ 8:48:03 AM
Posts: 3, Visits: 12
Hello,

Thank you so much for your help.  The sample that you mentioned has exactly what I need.  setData method is so simple to use.  I found info about setDataXML and setDataURL, but I was not able to find info on setData method in the doc.  I noticed one small problem is that the upper limit is not automatically adjusted with setData if new value falls outside of the range.

1) What do I need to do so that the upper limit will be automatically adjusted when using setData and the value is greater than the upper limit?

2) If I have more than one dials, how would I update both of them? 

3) Can I use setData to change other attributes of the gauge: lower/upper limit, annotation text, etc?  Please provide some examples. 

4) What are all the values that can be changed directly from the client side using Java script?

Forgive me for asking too many questions.  I am quite a newbie, but I like FusionWidget so so much.  Thanks you very much!!!

Post #6224
« Prev Topic | Next Topic »


Permissions Expand / Collapse

All times are GMT -7:00, Time now is 2:01am


Execution: 0.188.