Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.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 创建Highchart(柱状图)并从外部json文件读取数据_Javascript_Json_Highcharts - Fatal编程技术网

Javascript 创建Highchart(柱状图)并从外部json文件读取数据

Javascript 创建Highchart(柱状图)并从外部json文件读取数据,javascript,json,highcharts,Javascript,Json,Highcharts,我必须在我的项目中使用Highchart创建柱状图。我有一个JSON文件,其中包含一些数据,如下所示: { "meta": [ "rectime", "strid", "ambt", "stri", "b1", "b2", "b3", "b4" ], "data": [ [ 1377597739,

我必须在我的项目中使用Highchart创建柱状图。我有一个JSON文件,其中包含一些数据,如下所示:

{
    "meta": [
        "rectime",
        "strid",
        "ambt",
        "stri",
        "b1",
        "b2",
        "b3",
        "b4"
    ],
    "data": [
        [
            1377597739,
            1,
            0,
            77,
            816,
            13791,
            13794,
            13945
        ],
        [
            1377597739,
            2,
            0,
            0,
            816,
            13744,
            13725,
            13898
        ]
    ]
}
谁能建议我该怎么办


感谢所有帮助

在您收到响应后,我是说JSON成功回调将response.data传递给一个例程,该例程将解析Highcharts接受的JSON数据

series:[{
name: 'series 1'
data: [1,2,4,5,6,74]
},{
name: 'series 2'
data: [1,2,4,5,6,74]
},{
name: 'series 3'
data: [1,2,4,5,6,74]
}]
如果不想为每个系列指定特定名称,则可以排除名称。虽然highcharts为每个系列生成唯一的名称

要获取柱状图,请将类型设置为column

chart:{
type: 'column'
}

您需要这样的东西:var options={xAxis:{categories:json.meta},series:[{data:json.data[0]},{data:json.data[1]};然后在创建图表时使用该选项。我的项目已创建列以显示信息。电池的一部分。在1电池将有许多数据,所以我可以使用这个例子作为指导@Pawel Fusel你能更清楚吗。。?你希望我如何处理这些信息?我有一个JSON文件,其中包含电池的数据,如电压、电流、寿命等。有很多电池,所以我想创建Highchart作为柱形图,1列显示1个电池的所有数据。我想知道如何使用外部JSON文件中的数据创建柱状图@你必须改变海图的格式。您需要循环遍历所有数据并将其放入单独的数组中,例如:series:[{data:[1377597739,1377597739]},{data:[1,2]}……{data:[1394513898]}]和rememver以在plotOptions中设置堆叠:“normal”。