我试图在highcharts中填充少量数据。我在函数中使用以下代码。但数据系列没有更新。在这里,我从php Web服务的ajax调用中调用2组数据。然后我在数据系列中给出了这些数据。当我在数据系列中添加静态值时,图表正在工作。我该怎么办?哪里出错了?我是Javascript和Highcharts的新手。
var oct_data_1, nov_data_1, dec_data_1,
oct_data_2, nov_data_2, dec_data_2;
$.ajax({
type: "GET",
url: "dal/getdata.php",
success: function (result) {
var JSONobject = JSON.parse(result);
oct_data_1 = JSONobject[0].oct_data_1;
nov_data_1 = JSONobject[0].nov_data_1;
dec_data_1 = JSONobject[0].dec_data_1;
oct_data_2 = JSONobject[0].oct_data_2;
nov_data_2 = JSONobject[0].nov_data_2;
dec_data_2 = JSONobject[0].dec_data_2;
function chartShow(oct_data_1, nov_data_1, dec_data_1, oct_data_2, nov_data_2, dec_data_2){
$(function monthComparisn () {
$('#chartContainer').highcharts({
chart: {
width: 600
},
title: {
text: 'My Title'
},
xAxis: {
categories: ['October', 'November', 'December']
},
tooltip: {
formatter: function() {
var s;
if (this.point.name) { // the pie chart
s = ''+
this.point.name +': '+ this.y;
} else {
s = ''+
this.x +': '+ this.y;
}
return s;
}
},
labels: {
items: [{
style: {
left: '40px',
top: '8px',
color: 'black'
}
}]
},
series: [{
type: 'column',
name: 'Data 1',
data: [oct_data_1, nov_data_1, dec_data_1]
}, {
type: 'column',
name: 'Data 2',
data: [oct_data_2, nov_data_2, dec_data_2]
}]
});
});
}
chartShow();
}
});