创建高图表(柱形图）并从外部 json 文件中读取数据

Create Highchart (Column chart) and read data from external json file

本文关键字：文件 json 读取 数据 从外部 高图表 柱形图 创建      更新时间：2023-09-26

我必须使用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 为每个系列生成唯一的名称。

若要获取柱形图，请将"类型"设置为"列"。

chart:{
type: 'column'
}
相关文章：