How can i append Dynamic data to highchart in angularjs

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.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Bharath Peggem8y ago
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
0