HighCharts通过ajax加载数据
在过去的几天里,我一直遇到一些问题,比如从api中提取一些json样本数据,使用Highcharts库填充图表 我尝试在ajax回调中使用chart.series[0].data=json和类似的东西,但没有任何效果 我的json是一个月中每天的数据数组HighCharts通过ajax加载数据,ajax,highcharts,Ajax,Highcharts,在过去的几天里,我一直遇到一些问题,比如从api中提取一些json样本数据,使用Highcharts库填充图表 我尝试在ajax回调中使用chart.series[0].data=json和类似的东西,但没有任何效果 我的json是一个月中每天的数据数组 "{"month_mentions_graphic":[521,49,81,0,101,0,0,0,21,3071,0,0,0,0,0,1479,6124,2409,2608,0,0,3457,2057,2580,5876,4638,0,0,3
"{"month_mentions_graphic":[521,49,81,0,101,0,0,0,21,3071,0,0,0,0,0,1479,6124,2409,2608,0,0,3457,2057,2580,5876,4638,0,0,3337,3479,430]}"
这是我的密码:
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 130,
marginBottom: 25,
events: {
load: requestData
}
},
title: {
text: 'Menções Mensais',
x: -20 //center
},
xAxis: {
categories: [1,2,3,4,5]
},
yAxis: {
title: {
text: 'Menções'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [
{
name: 'mentions',
data: []
}
]
});
});
function requestData() {
$.ajax({
url: 'api/v1/dashboard/month_mention_graphic',
type: "GET",
dataType: "json",
data : {username : "demo"},
success: function(data) {
chart.series[0].data = data;
},
cache: false
});
}
调用chart.addSeries一次性添加整个系列,而不是仅将点阵列添加到初始空系列:
function requestData() {
$.ajax({
url: 'api/v1/dashboard/month_mention_graphic',
type: "GET",
dataType: "json",
data : {username : "demo"},
success: function(data) {
chart.addSeries({
name: "mentions",
data: data.month_mentions_graphic
});
},
cache: false
});
}
这正是我要找的。