javascript - d3 : multiple lines same graph with varying y domains?

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 轴。一个在图表的左侧，一个在右侧。

这篇文章介绍了如何设置两条折线图。 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

最终结果是这样的。