javascript - Angular nvd3 MultiChart X 轴双 Y 轴校准问题

Question

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

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

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

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

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

Answer 1

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

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

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