1

我有所有时间序列的数据,所以我的 d3 图表的 x 轴始终是时间。我需要支持在一张图上有多条线,但不同的线对于 y 轴数据可以有截然不同的域。例如第 1 行可以是

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

尝试在 d3 中处理此问题的好方法是什么?

4

3 回答 3

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

最终结果是这样的。 在此处输入图像描述

于 2013-03-16T02:58:49.747 回答
0

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

于 2013-03-15T19:42:17.127 回答
0

如果 y 值没有零,我建议使用对数刻度。在任何情况下,只需创建一个范围从所有行的最小值到最大值的单个 y 刻度,并将其用于所有内容。

于 2013-03-15T19:39:54.550 回答