1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > highcharts ajax java_使用Ajax将数据加载到Highcharts中

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

时间:2020-10-19 18:38:33

相关推荐

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);

}

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。