2014-09-29 45 views
0

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

{ 
"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绘制图表的数据。当我传递这些数据时,它根本没有显示图表。

+0

您在高图中使用哪个图? – 2014-09-29 06:15:11

+0

您想在哪里放置这4种类型?此数据不包含有道理,它应该是每个类型或类型的独立数据不需要在图表中提及? – 2014-09-29 06:17:57

+0

@NitinKaushal任何类型的图表像条形图,列,这样的线 – user2099759 2014-09-29 06:38:06

回答

0

为了简单地显示在Y轴上的数据,使用下面的代码(考虑你的对象被命名为“数据”:

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

}); 

See the DEMO here

+0

是的,它工作谢谢你。你能告诉我如何获取数据fiels的名字,例如(Type,Freq)我需要这些名字。没有得到如何得到它们。我试过data.name,但它现在工作。 – user2099759 2014-09-29 12:39:14

+0

data.Type [0]会给你“塔”... data.Type [1]会给你“公寓”等等...... – 2014-09-29 12:47:34

+0

不,我需要列的名称。像Type,Freq这些值。而不是它们中的数据。 – user2099759 2014-09-29 12:57:51

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