Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将不同格式的json加载到Highchart_Javascript_Json_Angularjs_Highcharts - Fatal编程技术网

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

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,

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

像这样制作适当的序列

 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;这将返回对象所有属性的数组。。