Sign in to follow this  
alexx

Live update in Angularjs gauge?

Recommended Posts

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>

 

Share this post


Link to post
Share on other sites

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.

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
Sign in to follow this