highcharts ajax java_使用Ajax将数据加载到Highcharts中

我正在尝试通过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);

}

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值