【问题标题】:json in multiple pie chart using Highchart使用Highchart在多个饼图中生成json
【发布时间】:2017-06-27 10:49:05
【问题描述】:

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

【问题讨论】:

    标签: javascript jquery highcharts


    【解决方案1】:

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

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

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

    【讨论】:

    • 您可以像这里一样使用“删除”运算符:jsfiddle.net/kkulig/9o4457pp
    • 还有一个问题,我想设置时间,每 10 秒只显示一个图表......就像第一个早上,然后是下午,然后是晚上
    • 谢谢你,kamil,但在加载的时候..前三个得到显示,然后它使用计时器一个一个显示..
    • 你是对的 - 很抱歉。我已经更新了这个小提琴,现在一切正常。
    • 非常感谢您的帮助:)
    猜你喜欢
    • 1970-01-01
    • 2013-10-20
    • 1970-01-01
    • 1970-01-01
    • 2013-06-15
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 1970-01-01
    相关资源
    最近更新 更多