json在多个饼图中使用Highchart

时间:2017-06-27 10:49:06

标签: javascript jquery highcharts

我有像这样的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。

1 个答案:

答案 0 :(得分:0)

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

在将数据传递给图表构造函数之前,请使用以下代码来准备数据:

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