Javascript 带双Y轴的角度nvd3多芯X轴校准问题

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

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

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

这是

[http://plnkr.co/edit/YigpxP?p=preview]

附件。

通过阅读StackOverflow相关问题，我了解到这与不同图表类型中使用的刻度有关。

---

感谢您的宝贵意见为这个问题提供合理的解决方案。

这可以通过以下技巧解决。然而，我不认为这是一个更现实的解决方案时，一般使用。

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

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