Javascript d3:具有不同y域的多行相同图形?

Javascript d3:具有不同y域的多行相同图形?,javascript,d3.js,graphing,Javascript,D3.js,Graphing,我的数据都是时间序列,所以我的d3图的x轴总是时间。我需要支持在一个图形上有多条线,但是不同的线可以有非常不同的y轴数据域。例如,第1行可以是 1 2 3 4 5 for times 1-5 5000 10000 15000 20000 25000 for times 1-5 在d3中处理这个问题的好方法是什么?如果y值没有零,我建议使用a。在任何情况下,只需创建一个y比例,范围从所有线的最小值到最大值,并将其用于所有情况。您是否考虑过在相同的x轴比例上叠

我的数据都是时间序列,所以我的d3图的x轴总是时间。我需要支持在一个图形上有多条线,但是不同的线可以有非常不同的y轴数据域。例如,第1行可以是

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

在d3中处理这个问题的好方法是什么?

如果y值没有零,我建议使用a。在任何情况下,只需创建一个y比例,范围从所有线的最小值到最大值,并将其用于所有情况。

您是否考虑过在相同的x轴比例上叠加两个图?或者为了进行快速比较,我有时会重新缩放一个数据系列,将其纳入另一个数据系列的域中,然后在图例中注明。“系列1(x10缩放)”

您可以有两个单独的Y轴。一个在图表的左侧,一个在右侧

这篇文章描述了如何设置双线图

这篇文章描述了为具有与您描述的相似比例问题的线设置两个不同的y轴

最终的结果是这样的。

谢谢你,拉尔斯。0保证在任何时候都在此数据集中,因此日志规模将不起作用。我考虑过使用最小值/最大值的单个y刻度,但即使如此,我的示例中的1,2,3,4,5的线仍然非常小,令人难以理解。您可以添加一个非常小的值(0.001或类似的值)来去除零,并能够使用对数刻度。然后可以将这个非常小的值标记为准零。