2012-10-25 46 views
2

我在與highstock.jsHighstock圖表抵消日期無故

毫無徵兆的麻煩似乎不過當它產生的圖表來抵消一半的日期。

發生這種情況的原因是,3月25日的日期在圖表中顯示兩次,其值爲0,表示x軸的第二項。沒有數據支持第二次錯誤日期條目。

我做了的jsfiddle這裏: http://jsfiddle.net/DZGz7/

chart = new Highcharts.StockChart({ 
chart: { 
      renderTo: 'containerchart', 
      alignTicks: false 
     }, 
     rangeSelector: { 
      selected: 0 
     }, 
     title: { 
      text: 'New Members' 
     }, 
     yAxis: { 
      allowDecimals: false 
     }, 
     xAxis: { 
       minTickInterval: 24 * 3600 * 1000 
     }, 
     plotOptions:{ 
      line:{ 
       dataGrouping:{enabled:false} 
      } 
     }, 
     series: [{ 
      type: 'column', 
      name: 'New Members', 
      data: ([ 
[1322611200000,3],[1322697600000,40],[1322784000000,21],[1322870400000,14],[1322956800000,5],  [1323043200000,6],[1323129600000,11],[1323216000000,14],[1323302400000,16],[1323388800000,11],[1323475200000,9],[1323561600000,8],[1323648000000,8],[1323734400000,3],[1323820800000,5],[1323907200000,5],[1323993600000,4],[1324080000000,4],[1324166400000,5],[1324252800000,3],[1324339200000,5],[1324425600000,4],[1324512000000,5],[1324598400000,0],[1324684800000,1],[1324771200000,1],[1324857600000,2],[1324944000000,9],[1325030400000,4],[1325116800000,5],[1325203200000,9],[1325289600000,0],[1325376000000,6],[1325462400000,4],[1325548800000,3],[1325635200000,4],[1325721600000,6],[1325808000000,8],[1325894400000,4],[1325980800000,4],[1326067200000,6],[1326153600000,6],[1326240000000,2],[1326326400000,6],[1326412800000,5],[1326499200000,3],[1326585600000,3],[1326672000000,5],[1326758400000,5],[1326844800000,1],[1326931200000,9],[1327017600000,11],[1327104000000,6],[1327190400000,0],[1327276800000,2],[1327363200000,4],[1327449600000,4],[1327536000000,5],[1327622400000,3],[1327708800000,5],[1327795200000,8],[1327881600000,3],[1327968000000,6],[1328054400000,3],[1328140800000,2],[1328227200000,2],[1328313600000,3],[1328400000000,4],[1328486400000,0],[1328572800000,2],[1328659200000,3],[1328745600000,8],[1328832000000,2],[1328918400000,5],[1329004800000,2],[1329091200000,2],[1329177600000,10],[1329264000000,5],[1329350400000,2],[1329436800000,3],[1329523200000,4],[1329609600000,0],[1329696000000,2],[1329782400000,13],[1329868800000,5],[1329955200000,6],[1330041600000,6],[1330128000000,4],[1330214400000,5],[1330300800000,3],[1330387200000,5],[1330473600000,3],[1330560000000,2],[1330646400000,5],[1330732800000,2],[1330819200000,8],[1330905600000,1],[1330992000000,3],[1331078400000,3],[1331164800000,3],[1331251200000,8],[1331337600000,5],[1331424000000,3],[1331510400000,2],[1331596800000,2],[1331683200000,3],[1331769600000,1],[1331856000000,6],[1331942400000,1],[1332028800000,3],[1332115200000,2],[1332201600000,3],[1332288000000,6],[1332374400000,2],[1332460800000,4],[1332547200000,2],[1332633600000,7],[1332716400000,0],[1332802800000,5],[1332889200000,1],[1332975600000,4],[1333062000000,4],[1333148400000,1],[1333234800000,8],[1333321200000,1],[1333407600000,4],[1333494000000,3],[1333580400000,3],[1333666800000,4],[1333753200000,1] 
]) 
}] 
}); 

(放大周圍3月25日,看到了數據偏移量開始)

的日期對應正確的數據,直到2012年3月25日之後它被移動了1天。通過比較工具提示數據和x軸標籤,您將能夠看到發生的偏移。 很明顯,這似乎是加載到圖中的數據中的一個問題,但我已經檢查過了,它應該顯示的下一個日期是3月26日。數據看起來很好。

任何想法,我做錯了什麼?

回答

2

http://api.Highcharts.com/highcharts#global.useUTC

useUTC:布爾

是否使用UTC時間爲座標軸的比例,在Highcharts.dateFormat對勾標記 放置和時間顯示。

使用UTC的 的優點在於無論用戶代理的時區設置如何,時間都會同樣顯示。當實時加載數據爲 或需要正確的夏令時轉換 時,可以使用本地時間。默認爲true。

因此,如果你希望你的圖表中的瀏覽器的本地時間顯示,你需要採取下列行動在你的JavaScript:

Highcharts.setOptions({ 
    global: { 
     useUTC: false 
    } 
}); 

據推測,這應該是您創建的圖表前設置。

1

UTC必須關閉,然後才能正常工作。

global:{ 
    useUTC: false 
}