Javascript 如何将不同格式的json加载到Highchart
这是我的json数据,任何人都可以指导我如何将这些数据加载到HighCharts。这是示例数据Javascript 如何将不同格式的json加载到Highchart,javascript,json,angularjs,highcharts,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,
{
"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以绘制图表的数据。当我传递这些数据时,它根本不显示图表。像这样制作适当的序列
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]
}]
为了简单地在Y轴上显示该数据,请使用以下代码,因为您的对象是命名数据:
$('#container').highcharts({
title: {
text: "Showing Frequencies",
},
series: [{
name: "Frequencies",
data: data.Freq
}]
});
您在highchart中使用的是哪种图形?您想将这4种类型放在哪里??这些数据毫无意义,它应该是每种类型的单独数据,或者不需要在图表中提及的类型?@NitinKaushal任何类型的图表,如条形图、柱形图、,线状this@AbdulJabbar哦,那么好吧,我们将保留这些类型,但告诉我如何将Freq加载到Y轴。检查我的答案以在Y轴上加载值是的,它工作正常,谢谢。你能告诉我如何获得数据域的名称吗,比如Type,Freq,我需要这些名称。不知道如何得到它们。我尝试了data.name,但它现在正在工作。data.Type[0]将为您提供塔。。。data.Type[1]将为您提供公寓等…不,我需要列的名称。像Type一样,Freq这些值。不是其中的数据。只需使用类型Freq,您就必须对它们进行硬编码。。无法通过编程获取这些名称,对先前的答复感到抱歉。。您可以通过以下编程方式获取它们:var names=Object.getOwnPropertyNamesdata;这将返回对象所有属性的数组。。