Question

我从服务器收到的JSON数据为：

[{"Text":"TRUCKLOAD","Spend":32323348.4},
{"Text":"NON-SYNDICATED:QUALITATIVE &  QUANTITATIVE","Spend":23270306.54},
{"Text":"SAMPLING & EVENTERVICES","Spend":18924795.75},
{"Text":"OTHER LOGISTICS","Spend":18353919.01},
{"Text":"CONSTRUCTION AND INSTALLATION","Spend":13248733.26},
{"Text":"SECURITY SERVICES","Spend":9210534.97},
{"Text":"TAXES","Spend":8661964.99}]

有人可以帮我将这些数据动态绑定到饼图吗？

另一个问题是，高图要求我将标签更改为Name和JSON的y标记，而不是我的JSON中的Text和Spend标记。我如何更改我的JSON？我已经在网上搜索相同但所有示例似乎只显示了JSON与外部文件的绑定。

Answer 1

您可以看到演示'来源here，然后点击查看选项按钮。
最好的方法是在收到后在后端格式化你的json。
但是如果你想这样做，你可以使用以下代码：

var json = [{
    "name":"TRUCKLOAD",
    "y":32323348.4
}, {
    "name":"NON-SYNDICATED:QUALITATIVE & QUANTITATIVE",
    "y":23270306.54
}, {
    "name":"SAMPLING & EVENTERVICES",
    "y":18924795.75
}];

var data = [];
for(var i in json) {
    var serie = new Array(json[i].name, json[i].y);
    data.push(serie);
}

Demo

需要帮助将动态JSON绑定到Highcharts

1 个答案: