2011-12-21 33 views
0

我正在使用Highcharts股票圖來顯示相對於時間的百分比。Highstock圖在某些縮放級別顯示點而不是線

http://jsfiddle.net/michaelchart/yYmPR/1/

在某些縮放級別(在這種情況下,變焦到介於約6和12年的時間跨度時)的情節奇怪從線到零星的點轉動。

任何想法,爲什麼這可能是?或者它與Highstock有關嗎?

你可以在這裏看到一個正在工作的Highstock圖的例子http://www.highcharts.com/stock/demo/basic-line

+0

奇怪:當設置

(請注意,我在這裏使用寬度而不是最小寬度),它完美地工作;在827px它沒有。 – Arthur 2011-12-31 04:55:46

+0

實際上它也不能很好地工作。也許你應該看看Highchart的數據分組功能。通過在圖表定義中添加「plotOptions:{series:{dataGrouping:{units:[[''',[1]]]}}}」,它可以正常工作。 – Arthur 2011-12-31 05:02:21

回答

3

在Highstock論壇上發佈帖子並因此在github上發佈問題後,我發現這是因爲gapSize選項的默認值。根據the docs;

gapSize:Number 定義何時在圖形中顯示間隙。間隙大小爲5表示如果兩點之間的距離大於兩個最近點的距離的五倍,則圖形將被打破。

實際上,此選項最常用於可視化時間序列中的間隙。在股票圖表中,日間數據可用於白天小時,而夜間和週末將出現間隔。

默認爲5

設置gapSize爲null fixes the problem

0

在我的具體情況下,這個問題的原因是數據輸出不好。 在「series」屬性內,「data」數組內有一個「false」值。

例子:

series : { 
    "type":"column", 
    "name":"Test", 
    "data":[541,784,false,251,353] 
} 

更正在後端那麼「假」的問題被解釋爲0,一切正常了。

相關問題