2015-06-17 59 views
1

我正在研究解決方案,我可能需要在單個圖表中繪製多個系列以顯示給定數據的分析。
角度nvd3 MultiChart X軸雙Y軸校準問題

因此,我已經使用Angular nvd3 multiChart根據右Y軸顯示多個條形圖,而另一個圖則基於左Y軸。我使用與Date值(毫秒)相同的X軸作爲代表時間線行爲的所有這些圖表。

但是,我發現在爲所有圖表正確校準X軸時存在一點困難,儘管它們基於相同的時間值。
與右手Y軸對齊的所有系列均精確使用X軸,而左手系列與當前x軸值不對齊。附圖中清楚地顯示了這一點。
enter image description here

這裏的[http://plnkr.co/edit/YigpxP?p=preview]2連接。

通過瀏覽StackOverflow相關問題,我瞭解到這與不同圖表類型中使用的比例有關。
感謝您提供寶貴意見的合理解決方案。

回答

1

這可以通過以下技巧來解決。不過,我認爲這不是一般用法時更現實的解決方案。

如果所有系列具有相同的X座標,則不會出現此問題。如果後續系列沒有每個x座標的數據點,則需要引入假(虛擬)點來解決此問題。

但是,這個問題是由於在不同圖形中使用不同的縮放類型。因此,我想,一個合適的解決方案應伴隨着一個合理的代碼更改。