How can i append Dynamic data to highchart in angularjs

Question

hi iam trying to append data to highchart my code is something like this

app.controller("aboutcontroller", function ($scope, $http,$window) {
    $http.get("/angularsample/Test").then(function (response) {
        var abc= response.data;

        Highcharts.chart("container", {
            chart: {
                type: 'column'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis:{
              title:{text:'value'}
            },
            series: [{
                data: DynamicData
            }],
            plotOptions: {
                series: {
                    pointWidth: 50
                }
            },

        })

    });
});

I am getting the dynamic data from "/angularsample/Test" into and the data iam getting into console like shown below

 

 

 

But the in output the data is not appending to chart. My output is something like below

 

 

 

 

If we see in above output image iam getting 5 months i.e from jan to may as per the data i have 5 in array. But its not getting append in to the chart. Please help me out.Thank you.

Answer 1

Hi Junaid,

 

Try this below code, may be its helpfull.

app.controller("aboutcontroller", function ($scope, $http,$window) {
$http.get("/angularsample/Test").then(function (response) {

$scope.bindArray=[];
$scope.bindArray.pust(response.data);
Highcharts.chart("container", {
chart: {
type: 'column'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis:{
title:{text:'value'}
},
series: [{
data: $scope.bindArray
}],
plotOptions: {
series: {
pointWidth: 50
}
},
})
});
});

Thanks,

Bharath peggem