2013-10-07 89 views
0

我一個HighStock圖表也應提供以下提到的功能Highstocks圖表顯示開始時間和結束時間

  1. 每個節點都有一個開始時間和結束時間的工作,區別通常會在幾百毫秒
  2. 當圖表進一步放大到毫秒時,節點應該成爲從節點的startTime到endTime的直線(與X軸上的時間平行)。

這個要求與HighCharts已經提供的ColumnRange類型的圖表非常相似,只是不同之處在於我需要HighCharts在此時不支持的'RowRange'類型的圖表。

我想通過有兩個系列,其中一個指向節點的startTime,第二個指向endTime來獲得相似的結果。但是我正在處理的示例圖表並不像預期的那樣工作。

http://jsfiddle.net/ReLF5/4/

var OrderStartMS = [ 
    [1383264040000,0.703], 
    [1383350420000,0.7031], 
    [1383436840000,0.7032], 
    [1383523220000,0.7033], 
    [1383609640000,0.7034], 
    [1383696020000,0.7035] 
]; 

var OrderEndMS = [ 
    [1383264040500,0.703], 
    [1383350420500,0.7031], 
    [1383436840500,0.7032], 
    [1383523220500,0.7033], 
    [1383609640500,0.7034], 
    [1383696020500,0.7035] 
]; 

這裏有被打破的事情

  • 它顯示了這兩個系列之間的巨大差距,雖然時間差僅僅是500毫秒(這是可以忽略不計,在天級) 。這種差距應該顯示僅當用戶zoomsIn高達毫秒粒度

  • 顯示「無效的日期」,雖然每次都輸入有效

  • 如果我從「OrderEndMS」到「OrderEndMS_SameAsOrderStart」開關,然後兩個系列會重疊,這是預期的結果。但即使我將endTime系列增加1毫秒,突然間我也看到了一個很大的差距。

  • X軸不顯示毫秒粒度即使我zoomIn多次

請讓我知道,如果有人辦理了上述種類圖表/問題的。

回答

0
  1. 您可以使用tickInterval值或將有序參數設置爲false。
  2. 無效的日期似乎不顯示在rangeselector
  3. 使用OrderEndMS_SameAsOrderStart dispales在同一個圖表作爲 OrderEndMS情況
  4. 嘗試設置minRange參數。
相關問題