Javascript 如何使用Json文件将数据放在highchart上?
我的JSON文件:Javascript 如何使用Json文件将数据放在highchart上?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我的JSON文件: var chartData; $(function(){ $.ajax({ url: 'http://localhost:3300/temp', type: 'GET', dataType: "json", success : function(data) { chartData = data; console.log(JSON.stringify(chartData)); var chart = new Highcharts.Chart({ chart
var chartData;
$(function(){
$.ajax({
url: 'http://localhost:3300/temp',
type: 'GET',
dataType: "json",
success : function(data) {
chartData = data;
console.log(JSON.stringify(chartData));
var chart = new Highcharts.Chart({
chart: {
renderTo: 'chart-location',
type: 'line',
marginRight: 130,
marginBottom: 25,
height : 400,
},
title: {
text: 'Packet Number',
x: -20 //center
},
xAxis: {
categories: data["categories"]
},
series: [
{
name: 'paketNo',
dataFormat: 'json',
data: chartData
}
]
});
chart.render();
}
});
});
我想显示值参数,但使用上述代码时不会显示任何内容。您使用的格式错误,
highcharts
接受如下数据:
{
"dataset": [{
"seriesname": "Topic 22",
"data": [{
"value": 0
}, {
"value": 1
}, {
"value": 0
}, {
"value": 0
}, {
"value": 0
}]
}]
}
但是您将整个JSON
传递给了数据。因此,您应该只获取值,您可以执行以下操作:
var obj={
“数据集”:[{
“系列名称”:“主题22”,
“数据”:[{
“值”:0
}, {
“价值”:1
}, {
“值”:0
}, {
“值”:0
}, {
“值”:0
}]
}]
};
var数组=[];
$.each(对象数据集[0]。数据,函数(i,v){
array.push(obj.dataset[0].data[i].value);
});
console.log(数组)代码>
@AshishGoyal很乐意帮忙。请通过单击检查图标接受此答案,并单击up vote(向上投票)以解决您的问题。在这方面需要更多帮助,您能否提供您的电子邮件id以便我们可以在那里交谈?
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]