2

我一直在研究这个演示图表http://jsfiddle.net/hcharge/G7rsh/我正在努力将标志添加到 x 轴。

在 highchart 网页上的示例中,他们使用 UTC 来定位标志,但是此图表上的系列以不同的方式绘制,使用此格式 [1330560000000,32.29]

有人会有答案吗?我不确定这是否特定于 JavaScript 或 Highcharts,但认为值得在此处发布。

我试过添加

series: [{ type: 'flags', data : [{'text':'Flag Set','title':'E','x':1330560000000} ], width: 16 }],

到javascript,但这似乎没有任何作用,任何帮助都会很棒,谢谢

4

2 回答 2

3
if (seriesCounter == names.length) {
    selectSeries(0);
    // build flags
    seriesOptions.push({
        'type': 'flags',
        //'name': 'myflag',
        'data': [{
            'title':'E',
            'x':1330560000000
        }],
        'width': 16,
        // if you want to place to some serie add the following line
        //'onSeries': 1 //serie id
    });
    createChart();
}

你可以看到下面的演示

于 2012-07-03T20:43:23.277 回答
1

这是 unix 时间格式,在使用 highstock 时,您必须使用 unix 时间格式来表示 xaxis

这就是您将标志添加到 highstock 的方式

         var alarms = { type: 'flags', name:'flag',color: 'red',
              data : 
              [{x:1326845030000,title : 'Alarm 1',text : 'Alarm 1'} ,                                                             
               {x:1326847030000,title : 'Alarm 2',text : 'Alarm 3'} , 
               {x:1326840030000,title : 'Alarm 3',text : 'Alarm 2'} ],
                shape : 'squarepin',width : 50  };

alarm然后变量将被推送到您的系列数组

x是您将标志放置在 xAxis 上的位置,如果您希望将标志放在系列上,请使用onSeries : 'series_id'警报对象中的对象

于 2012-07-03T20:01:20.780 回答