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
– Parth Bhoiwala, Commented Jul 6, 2016 at 13:41

Community · Accepted Answer · 2017-05-23 12:08:16Z

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, 2017 at 12:08

CommunityBot

11 silver badge

answered Jul 6, 2016 at 14:42

Timothy Chen

3742 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass dynamic data in highchart using angularjs?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related