hHighstock从json获取标志数据

时间:2013-02-26 13:45:26

标签: json charts highcharts highstock

我正在尝试从JSON数据创建一系列 highstock flags

JSON格式:[[timestamp, title],[timestamp, title] ...]

我还尝试使用像[{x: timestamp, title: "flag"}, ...]

这样的关联数组

是否可以使用JSON数据创建它们,或仅使用所有highstock标志示例中的给定代码创建它们,如:

'data': [{
   'title':'E',
    'x':1330560000000
 }],

2 个答案:

答案 0 :(得分:0)

我认为您需要关注Highstock example并使用data这样的内容:

data: [{
    x: Date.UTC(2011, 1, 14),
    title: 'E'
}],

当我使用您的示例执行此操作时(也修复了synax错误!),它可以正常工作。

答案 1 :(得分:0)

它应该正常工作,请看看例子:

data.json

    [{
            "name" : "AAPL",
            "id":"dataseries",
            "data" :[
 [1141171200000,69.10],
[1141257600000,69.61],
[1141344000000,67.72],
[1141603200000,65.48],
[1141689600000,66.31],
[1141776000000,65.66],
[1141862400000,63.93],
[1141948800000,63.19],
[1142208000000,65.68],
[1142294400000,67.32],
[1142380800000,66.23],
[1142467200000,64.31],
[1142553600000,64.66],
[1142812800000,63.99],
[1142899200000,61.81],
[1142985600000,61.67],
[1143072000000,60.16],
[1143158400000,59.96],
[1143417600000,59.51],
[1143504000000,58.71],
[1143590400000,62.33],
[1143676800000,62.75],
[1143763200000,62.72]],
            "tooltip": {
                "yDecimals": 2
            }
},{
                "type": "flags",
                "name": "Flags on axis",
                        "onSeries": "dataseries",
                "data": [{
                    "x": 1143417600000,
                    "title": "On axis"
                }],
                "shape": "squarepin"
            }]

和脚本:

$.getJSON('data.json', function(data) {

    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : 'container'
        },

        rangeSelector : {
            selected : 1
        },

        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },

        series : data
    });
});