json in multiple pie chart using Highchart

Question

I have json data like this

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
    }   
}

I want to populate this in HighChart.. I am using this approach Highcharts - Multiple pie charts from json

but I need chart like this http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-basic/

But I need three pie chart for A B C as in Above json.

Kamil Kulig Kamil Kulig · Accepted Answer · 2017-06-27T15:36:30

Try this example: http://jsfiddle.net/kkulig/2jq0dvgL/

Use following code to prepare your data before passing it to the chart constructor:

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

json in multiple pie chart using Highchart

1 Answers