Live update in Angularjs gauge?

[alexx]

I have a FusionChart gauge that I want to update every second in Angularjs. I have a json object with values that I want to use to update the gauge with.
I think that I proplably should use the function "setData(dialIndex, value)" somehow.
I know how to create a interval but not how to use the update function for the dail.

Right now when I update the dial value the gauge dial starts from 0 to the value, but I want it to go from lets say 75 to 90.

Any ideas?

 

Controller:

app.controller('StartController',function($scope...
$scope.dashboardSpeed = {
   "chart": {
   ...
     "dials": {
       "dial": [
       {
         "value": "65",
         ...
       }]
     }
   };
});

 

View:

<fusioncharts 
    width="200" 
    height="200" 
    type="angulargauge" 
    datasource="{{dashboardSpeed}}">
</fusioncharts>

 

[Moonmi Sonowal]

Hi Alexx,

 

Could you please try out the sample from the drop box link below?

 

Link: https://www.dropbox.com/s/cer1jvb8z7858qj/forum16810.rar?dl=0

 

Hope this would resolve your issue.

[alexx]

Hello and thanks for the support.

 

I solved the problem, just did the all the javascript code for FusionChart in a AngularJs directive.

Maybe not the best way but it works.

[Moonmi Sonowal]

Hi Alexx,

 

Glad that you were able to resolve your issue.

 

Feel free to drop us a mail for further assistance.