How can i append series data into highcharts in jquery

Hi iam trying to append the dynamic data to highchart in series.And iam using column chart my code in jquery is some thing like this

"container" style="min-width: 310px; height: 400px; margin: 0 auto">

function GetEmpDetails() {

$.ajax({

type: "POST",

url: "../Home/GetData",

data: JSON.stringify({ abc: abc }),

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (result) {

console.log(result);

for (x in result) {

var dataobject = new Object();

dataobject.salary = result[x].SALARY;

dataobject.name = result[x].NAME;

obj.push(dataobject);

}

visitorData(obj);

}

});

}

function visitorData(obj) {

Highcharts.chart('container', {

chart: {

type: 'column'

title: {

text: 'Salary per Month'

subtitle: {

text: ''

xAxis: {

type: 'category',

categories: obj.NAME

yAxis: {

title: {

text: 'Total Work Done'

}

legend: {

enabled: false

plotOptions: {

series: {

borderWidth: 0,

dataLabels: {

enabled: true,

format: '{point.y:.1f}%'

}

tooltip: {

headerFormat: '{series.name}
',

pointFormat: '{point.name}: {point.y:.2f}% of total
'

"series": [

{

"name": "Browsers",

"colorByPoint": true,

"data": [

{

"name": obj.names,

"y": obj.salaries,

}

]

}

]

})

}

if you see in above example in ajax call iam getting the dynamic data in RESULT in sucess message.Finally iam filtering the data and getting the 2 columns for X axis and Y axis data is getting perfectly but iam sturct at how to append in series in data.Iam getting the data in console in visitorData() like this

1 Reply

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

Sanoj Vishwakarma8y ago
Push your data into temp variable.
like this:

var tmpSeries;
for(var i=0;i
{
tempSeries.push({name: obj[i].names, y: obj[i].salaries}) ;
}

After this you will get proper format and pass it to series data like
"series": [
   {
      "name": "Browsers",
      "colorByPoint": true,
      "data": [tempSeries ]

   }
]

Hope this will help you