Question

我正在尝试将json数据加载到高图表中。我使用$ .getJSON函数从DB接收json数据。这是我从DB收到的样本json，

我的样本json

[ { “target”：“collectd.matrix.oracle.avg_resp_time”，“datapoints”：[[8.0,1365158480]，[null，1365158490]，[null，1365158500]，[null，1365158510]，[null，1365158520]，[ null，1365158530]，[8.0,1365158540]，[null，1365158550]，[null，1365158560]，[null，1365158570]，[null，1365158580]，[null，1365158590]] } ]

$。getJSON（“myURL”，createOrderDurationChart）; 关于来自$ .getJSON的成功响应我在下面调用函数，我正在使用scala框架。我没有得到代码或json的错误。我可以通过在简单的javascript中嵌入代码并直接通过html作为样本来绘制这个json。

以下是示例代码

function createOrderDurationChart(durationMap){
//var target=durationMap[0].target;
//var jsonstr=durationMap[0].datapoints;
//alert(target);
//alert(jsonstr);
var orderDurationChart = new Highcharts.Chart({
chart: {
renderTo: "order_duration_div",
type: "column",
margin: [10, null, null, null],                          
//marginRight: 10,
zoomType: 'xy',
},
title: {
text: "order duration"
//y: 5  
},
xAxis: {
type: "datetime",
//tickInterval: 60*1000*10
},
yAxis: {
title: {
text: "seconds"
},
startOnTick : false,
endOnTick: false
},
series: [{
name:"avg",
data: (function (){
var data = [], i;
var jsondata = [];
jsondata= durationMap[0].datapoints;
alert(jsondata)
var datapoints=JSON.parse(jsondata);
// var jsonstr=parsejson[0].datapoints;
console.log('jsotn ' + datapoints);
// var mydata = JSON.parse(jsonstr);
// alert(mydata);
//  datapoints = mydata[0].datapoints;
//alert("initial:" + json[0].time + ':' + json[0].value);
for (i = 0; i < datapoints.length; i++) {
data.push({
x:datapoints[i][1],
y:datapoints[i][0]
});
console.log('x: ' + datapoints[i][1] + ', y: ' + datapoints[i][0]);
}
return data;
})
()}]
});
}

在json修复后更新代码，

function createOrderDurationChart(durationMap){
//var target=durationMap[0].target;
//var jsonstr=durationMap[0].datapoints;
//alert(target);
//alert(jsonstr);
var orderDurationChart = new Highcharts.Chart({
chart: {
renderTo: "order_duration_div",
type: "column",
margin: [10, null, null, null],                          
//marginRight: 10,
zoomType: 'xy',
},
title: {
text: "order duration"
//y: 5  
},
xAxis: {
type: "datetime",
//tickInterval: 60*1000*10
},
yAxis: {
title: {
text: "seconds"
},
startOnTick : false,
endOnTick: false
},
series: [{
name:"avg",
data: (function (){
var data = [], i;
var jsondata = [];
datapoints= durationMap[0].datapoints;    
console.log('jsotn ' + datapoints);      
for (i = 0; i < datapoints.length; i++) {
data.push({
x:datapoints[i][1],
y:datapoints[i][0]
});
console.log('x: ' + datapoints[i][1] + ', y: ' + datapoints[i][0]);
}
return data;
})
()}]
});
}

欢迎任何建议。感谢

无法在highcharts上绘制数据json数据

0 个答案: