使用JavaScript將標志添加到Highstock圖表（highcharts）

Question

我一直在研究此演示圖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，但這似乎什么也沒做，任何幫助都將是驚人的，謝謝

Answer 1

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();
}

您可以看到以下演示 。

Answer 2

這是unix時間格式，使用highstock時，您必須使用unix時間格式來表示xaxis

這是您向高庫存添加標志的方式

         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上的位置，如果要將標記放置在series上，請在警報對象中使用onSeries : 'series_id'對象