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

Question

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

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

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

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

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

Answer 1

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

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

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