How to pass dynamic data in highchart using angularjs?

Question

I have used line chart. Here is the link of line chart http://jsfiddle.net/highcharts/qyntd1xa/ I have stuck in pass dynamically data in line chart. How to pass dynamically data in line chart. i am new in angular js here is my controller function code-

$scope.updatedays   =   function(){ 
        $scope.data =   $scope.getdata();
        console.log($scope.data);

        Highcharts.chart('cont2', {
            xAxis: {
                categories: ['MON 12', 'TUE 13', 'WED 14', 'THU 15', 'FRI 16', 'SAT 17', 'SUN 18']
            },

            series: [{
                data: [1.5, 5.5, 3.0, 2.5, 4.5, 3, 2]
            }]
        });
    }

I tryed pass dynamically data but i getting error in Highcharts.

What errors are you getting? And what does "dynamic data" look like? Be specific when you post a question — Parth Bhoiwala, Jul 06 '16 at 13:41
How about using the [highchart-ng](https://github.com/pablojim/highcharts-ng) ? — Sebastian Bochan, Jul 07 '16 at 13:30

score 1 · Accepted Answer · edited May 23 '17 at 12:08

1

Store your data and your categories in two separate arrays that match up by index and then use those two arrays as your values.

For example:

xAxis: {
    categories: myCategoriesArray
},

series: [{
    data: myDataArray
}]

If you want to pass the arrays into your function, check out this post.

edited May 23 '17 at 12:08

Community

1
1

answered Jul 06 '16 at 14:42

Timothy Chen

374
1
15

How to pass dynamic data in highchart using angularjs?

1 Answers1