用JavaScript添加標誌到Highstock圖表（高圖）

我一直在研究這個演示圖表http://jsfiddle.net/hcharge/G7rsh/，我正努力在x軸上添加標誌。用JavaScript添加標誌到Highstock圖表（高圖）

在他們使用UTC定位標誌highchart網頁上的例子，但是這個圖表上的系列繪製在以不同的方式，使用這種格式[1330560000000,32.29]

會有人有答案嗎？我不確定這是否特定於JavaScript或Highcharts，但認爲這是值得在這裏發佈。

我已經嘗試添加

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

的javascript，但這似乎並沒有做任何事情，任何幫助將是驚人的，感謝

2012-07-03 hcharge

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

您可以看到下列demo。

來源

2012-07-03 20:43:23

哇，非常感謝，我有點失落！ – hcharge

@hcharge不用客氣：P –

這是UNIX時間格式，工作時與highstock你必須使用UNIX時間格式來表示x軸

你這是怎麼添加標誌來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是將放置你的旗幟上的X軸，如果你想你的旗幟上一個系列，在報警對象使用onSeries : 'series_id'對象

來源

2012-07-03 20:01:20

這聽起來不錯！對不起，我的完全無知，但看我的jsfiddle下落，我會把這個？ – hcharge

jsfiddle有問題，它不會加載到我的瀏覽器只是告訴我你想在哪裏添加標誌 –

標誌的位置此刻並不重要，我已經嘗試將該代碼添加到JavaScript，它不工作，有什麼不在jsfiddle中工作？如果這更簡單，我可以在這裏發佈代碼？ – hcharge

用JavaScript添加標誌到Highstock圖表（高圖）

回答

相關問題