博主尝试在页面加载时使用JQUERY AJAX从服务器获取数据，并在选择菜单更改时更新一个基于时间的Highcharts图表。问题在于，尽管数据以[[10,1228800000],[10,1228800000]]的格式返回，但图表仍显示为空。在尝试了多个解决方案后，问题仍未解决。最新代码中，图表配置和AJAX请求已明确，但数据依然未能成功展示在图表上。
我试图在页面加载和使用JQUERY
AJAX调用选择菜单更改时更新高级图表.在[[10,1228800000],[10,1228800000]]格式中返回数据.该图表为空白,不显示任何数据.
试过这里发布的几个解决方案,但都没有奏效.
var chart;
$(document).ready(function() {
var options = {
chart: {
renderTo: 'stats',
defaultSeriesType: 'spline'
},
title: {text:''},
xAxis: {
type: 'datetime'
},
yAxis: {},
series: []
};
var month = 'July';
$.ajax({
type: "POST",
data: "month="+month,
url: "update_visits_chart",
success: function (data) {
options.series.push(data);
chart = new Highcharts.Chart(options);
}
});
有错误吗？提前致谢.
编辑：
最新的代码仍然没有工作：
var options = {
chart: {
renderTo: 'stats',
type: 'spline'
},
title: {
text: ''
},
xAxis: {
type:'datetime',
tickInterval: 30 * 24 * 3600 * 1000,
dateTimeLabelFormats: {
day: '%b %e'
},
labels: {
rotation: -45,
align: 'right'
}
},
yAxis: {
title: {
text: 'Number of visits'
},
min: 0
},
tooltip: {
formatter: function() {
return Highcharts.dateFormat('%b %e', this.x) +'
'+this.y+' visit(s)';
}
},
legend: {
enabled: true
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'Number of Visits',
data: []
}]
};
var month = 'July';
$.ajax({
type: "POST",
url: "update_visits_chart",
data: "month="+month,
success: function(data){
options.series[0].data = data;
chart = new Highcharts.Chart(options);
}
});
72
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
