javascript - 将 JSON 加载到 Highcharts 饼图中

Question

我认为我可能遇到的是一个简单的问题。这很好用..


$(文档).ready(函数() {
//原始数据
变量数据 = [{
“名称”:“东京”，
“y”:3.0
}, {
“名称”:“纽约”，
“y”:2.0
}, {
“名称”:“柏林”，
“y”:3.5
}, {
“名称”:“伦敦”，
“y”:1.5
}];
var Chart = new Highcharts.Chart({
图表: {
渲染到:'容器'，
类型:“馅饼”
},
系列: [{
数据:数据
}]
});
});


我想修改代码以使用 getJSON 加载，并且 JSON 格式正确。所以我这样做了...


$(文档).ready(函数() {
$.getJSON("etstats?rtype=bestpgs_ec&month=2016-06-01&no_requested=10", function(json){
变量数据 = json
var Chart = new Highcharts.Chart({
图表: {
渲染到:'容器'，
类型:“馅饼”
},
系列: [{
数据:数据
}]
});
});
});


我在 Firebug 中检查了 JSON，它的格式正确，使用“name”和“y”


[{“名称”:“14704”，“y”:“0.17”}，{“名称”:“14706”，“y”:“0.20”}，{“名称”:“21304”，“y”: “0.25”}，{“名称”
: "23201", "y": "0.39"}, {"名称": "23501", "y": "0.42"}, {"名称": "17102", "y": "0.46"}, {“名称”:“15001”
, "y": "0.48"}, {"名称": "23002", "y": "0.50"}, {"名称": "13201", "y": "0.50"}, {"名称":“17401”，“y”
:“0.52”}]


有人知道为什么我的图表无法渲染吗？

注意:编辑以添加答案。引用的值是问题所在。通过迭代它们并评估值来删除它们。


$.getJSON("etstats?rtype=bestpgs_ec&month=2016-06-01&no_requested=10", function(json){
数据 = json
$.each(数据, 函数 (i, 点) {
点.y = eval(点.y);
});
var Chart = new Highcharts.Chart({


Answer 1

我使用上面给出的数据。我认为 highchart 只是不接受 y

中的 string 类型

这是demo

有效的 JSON 格式应该是

[
  {"name":"14704","y":0.17},
  {"name":"14706","y":0.2},
  {"name":"21304","y":0.25},
  {"name":"23201","y":0.39},
  {"name":"23501","y":0.42},
  {"name":"17102","y":0.46},
  {"name":"15001","y":0.48},
  {"name":"23002","y":0.5},
  {"name":"13201","y":0.5},
  {"name":"17401","y":0.52}
]

完成 getJSON 后，请记住首先执行 JSON.parse 来获取正确的对象，然后您最终可以将其传递到 highchart