双 Y 轴的角度 nvd3 MultiChart X 轴校准问题

Question

我正在研究一种解决方案，我可能需要在单个图表中绘制多个系列以显示对给定数据的分析。

因此，我使用 Angular nvd3 multiChart 来显示多个基于右 Y 轴的条形图，而另一个图表基于左 Y 轴。我使用相同的 X 轴和日期值（以毫秒为单位）作为所有这些表示时间线行为的图表。

但是，尽管它们基于相同的时间值，但我发现正确校准所有图表的 X 轴有点困难。
所有与右手 Y 轴对齐的系列都准确地使用 X 轴，而左手系列未与当前 x 轴值对齐。下图清楚地显示了这一点。

这里附上[http://plnkr.co/edit/YigpxP?p=preview]2。

通过查看 StackOverflow 相关问题，我了解到这与不同图表类型中使用的比例有关。
感谢您提供宝贵的意见，为这个问题提供合理的解决方案。

Answer 1

这可以通过以下技巧来解决。但是，我认为在一般用途方面这不是一个更现实的解决方案。

如果所有系列确实具有相同的 X 坐标，则不会出现此问题。如果后续系列没有每个 x 坐标的数据点，则需要引入虚假（虚拟）点来解决此问题。

但是，这个问题是由于不同的图表中使用了不同的缩放类型。因此，我想，适当的解决方案应该伴随着合理的代码更改。