d3：具有不同y域的多行相同圖形？

Question

我有數據是所有時間序列，所以我的d3圖的x軸始終是時間。我需要支持在一張圖上有多條線，但不同的線對於y軸數據可能具有截然不同的域。例如，第1行可以是

1 2  3  4  5  for times 1-5 
5000 10000 15000 20000 25000 for times 1-5 

在d3中嘗試處理此問題的好方法是什麼？

Answer 1

如果你沒有y值的零，我會推薦log scale。無論如何，只需創建一個範圍從所有行的最小值到最大值的單個y範圍，並將其用於所有行。

Answer 2

你有沒有考慮在相同的x軸秤上堆疊兩張圖？或者爲了進行快速比較，我有時會重新縮放一個數據序列，使其進入另一個數據序列的域，然後在圖例中記下它。 「系列1（x10縮放）」

Answer 3

您可以有兩個獨立的Y軸。一個在圖的左側，另一個在右側。

這篇文章描述了設置一個雙線圖。 http://www.d3noob.org/2013/01/adding-more-than-one-line-to-graph-in.html

而這篇文章描述了爲你所描述的那些類似的比例尺問題設置兩條不同的y軸。 http://www.d3noob.org/2013/01/using-multiple-axes-for-d3js-graph.html

最終的結果是這樣的。