2013-02-06 65 views
5

我想繪製x軸對齊的多個繪圖,以便我們可以比較兩組數據。我希望它看起來像這樣Highcharts - 具有相同x比例的多個繪圖

https://stackoverflow.com/a/11796553/229075

在我的情況下,有一些添加要求,有些情節是直線的,有些是酒吧。所以即使數據範圍相同,默認比例也不會對齊。

我發現了一些關於「疊加」圖表的好建議。這有點複雜,但嘗試一種很有前途的方式。

https://stackoverflow.com/a/12179023/229075

不過,我也有可能推動簡單堆積的信封其他使用情況。例如,我想這樣做散點圖矩陣的某個時候當兩個x軸和y軸有對齊這樣

http://www.statmethods.net/graphs/images/spmatrix3.png

而不是將許多圖表在一個Highchart,這可能需要有許多單獨的圖表,但更好地控制軸的佈局。

回答

1

如果你想使用一個圖表,你可以使用linkedTo選項來連接軸。

如果您想要更簡單的圖表,可以使用事件afterSetExtremes設置連接軸,您可以在其中調用setExtremes()獲取另一個圖表。

+0

我用setExtremes將兩個圖表設置爲相同的範圍,但網格仍然不對齊。 http://jsfiddle.net/tungwaiyip/WEcEt/21/ –

+0

這是基於第二個鏈接中的堆棧示例。它正確對齊。我需要在軸標籤中工作。 http://jsfiddle.net/tungwaiyip/F3pts/6/ –

+0

對不起,您錯過了您的評論。有了列,你必須設置'pointRange'和標籤,我建議設置固定的邊距。請參閱:http://jsfiddle.net/WEcEt/22/ –

相關問題