json в виде нескольких круговых диаграмм с использованием Highchart

У меня есть такие данные 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 - Несколько круговых диаграмм из json

но мне нужна такая диаграмма http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-basic/

Но мне нужны три круговые диаграммы для A B C, как в приведенном выше json.


javascript jquery highcharts
person Dot Net Dev 19    schedule 27.06.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте этот пример: http://jsfiddle.net/kkulig/2jq0dvgL/

Используйте следующий код для подготовки данных перед их передачей в конструктор диаграммы:

var data = [];
$.each(item, function(prop, value) {
  data.push({
    name: prop,
    y: value
  });
});
person Kamil Kulig    schedule 27.06.2017
comment
Вы можете использовать оператор удаления, как здесь: jsfiddle.net/kkulig/9o4457pp - person Kamil Kulig; 28.06.2017
comment
Еще один вопрос. Я хочу установить время, при котором каждые 10 секунд должна отображаться только одна диаграмма .. например, сначала утром, затем днем, а затем вечером. - person Dot Net Dev 19; 28.06.2017
comment
Спасибо, kamil, но во время загрузки .. сначала отображаются три, затем они отображаются один за другим с использованием таймера .. - person Dot Net Dev 19; 28.06.2017
comment
Вы правы - извините за это. Я обновил эту скрипку, и теперь все работает нормально. - person Kamil Kulig; 28.06.2017
comment
Большое спасибо за вашу любезную помощь :) - person Dot Net Dev 19; 29.06.2017