D3.js - 次轴对齐

Question

我一直在寻找很长一段时间，似乎我不是唯一一个要问但却没有工作答案的人：

一般来说，我们如何在D3中对齐辅助轴（Y1刻度前面的Y2刻度）？

我不是特别想要一些代码;即使是一般的想法或算法也可以帮助我。我的想法是在Highchart中有这样的人做的事情：

jsfiddle.net/jugal/3qdkc/

任何线索？

Answer 1

您可以使用比例.invert() function将投影（屏幕）坐标转换回原始域中的值。考虑到这一点，这个过程是

• 获取第一个轴的投影值。如果您希望这些是刻度值，请使用scale.ticks()并将它们传递给第一个刻度以转换为屏幕坐标。
• 现在将这些值传递给scale.invert()以获得第二个轴刻度。这将为您提供第二个比例范围内的值。
• 将这些值传递给第二轴的.tickValues()。