The data retrieved from a webservice is processed using the BindTrend method and then converted to a JSON object before being applied to the chart. The code for this process is as follows:
var plot;
var itemdata = [];
var chart;
var data = [];
$(document).ready(function () {
$.ajax({
type: "POST",
url: "ChartBinder.asmx/BindTrend",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
var newJ = $.parseJSON(msg.d);
DrawTrend(newJ);
},
error: function (msg) {
alert("Error");
}
});
})
function DrawTrend(plot) {
for (i = 0; i < plot.length; i++) {
var x = {}
x.id=plot[i].Name;
x.name = plot[i].Name;
x.data = [plot[i].Value];
itemdata.push(x);
}
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 130,
marginBottom: 25
},
series: itemdata
});
}
I have noticed that when I manually input values using 'x.data=[1,2,3....]', the chart appears properly. However, in my current implementation, it does not work. Any assistance would be greatly appreciated.