使用Highchart在多个饼图中生成json

Question

我有这样的json数据

var data=    {
        'A' : {
            'Total' : 123,
            'Cricket' : 76,
            'Football' : 12,
            'Hockey' : 1,
            'None' : 10

        },
    'B' : {
        'Total': 123,
        'Cricket': 76,
        'Football': 12,
        'Hockey': 1,
        'None': 10
    },
    'C' : {
        'Total': 123,
        'Cricket': 76,
        'Football': 12,
        'Hockey': 1,
        'None': 10
    }   
}

我想在 HighChart 中填充它.. 我正在使用这种方法Highcharts - Multiple pie charts from json

但我需要这样的图表http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-basic/

但是我需要三个饼图来表示 A B C，就像上面的 json 一样。

Answer 1

试试这个例子：http://jsfiddle.net/kkulig/2jq0dvgL/

在将数据传递给图表构造函数之前，使用以下代码准备数据：

var data = [];
$.each(item, function(prop, value) {
  data.push({
    name: prop,
    y: value
  });
});