如何将不同格式的json加载到Highchart

时间:2014-09-29 06:13:10

标签: javascript json angularjs highcharts

这里是我的json数据,任何人都可以指导我如何将这些数据加载到HighCharts。这是样本数据。

{
"Type": [
    "Tower",
    "Apartment",
    "Atrium",
    "Terrace"
       ],
"Freq": [
    21,
    21,
    28,
    34,
    22,
    36,
    10,
    11,
    36,
    61,
    23,
    17,
    43,
    35,
    40,
    26,
    18,
    54,
    13,
    9,
    10,
    8,
    8,
    12,
    6,
    7,
    9,
    18,
    6,
    7,
    15,
    13,
    13,
    7,
    5,
    11,
    14,
    19,
    37,
    17,
    23,
    40,
    3,
    5,
    23,
    78,
    46,
    43,
    48,
    45,
    86,
    15,
    25,
    62,
    20,
    23,
    20,
    10,
    22,
    24,
    7,
    10,
    21,
    57,
    23,
    13,
    31,
    21,
    13,
    5,
    6,
    13
]

}

实际上json格式是我唯一得到的。所以请任何人指导我。这是传递给Highcharts绘制图表的数据。当我传递这些数据时,它根本没有显示图表。

2 个答案:

答案 0 :(得分:0)

制作正确的系列

 series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]

答案 1 :(得分:0)

为了简单地在Y轴上显示该数据,请使用以下代码(考虑到您的对象名为"数据":

$('#container').highcharts({
    title: {
        text: "Showing Frequencies",
    },
    series: [{
        name: "Frequencies",
        data: data.Freq
    }]

});

<强> See the DEMO here