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

时间:2013-09-10 07:39:34

标签: javascript json highcharts

我必须使用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
        ]
    ]
}

任何人都可以建议我应该做些什么。

ThanKs全力以赴

2 个答案:

答案 0 :(得分:0)

成功回复响应(我的意思是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'
}

答案 1 :(得分:0)

尝试使用HighCharts上的帮助文件,此链接将您带到json帮助页面

http://www.highcharts.com/docs/working-with-data/preprocessing-data-from-a-file-csv-xml-json