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

Question

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

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

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

此处附加[http://plnkr.co/edit/YigpxP?p=preview] 2。

通过浏览StackOverflow相关问题，我了解到这与不同图表类型中使用的比例有关。
通过宝贵的意见，了解这个问题的合理解决方案。

Answer 1

这可以通过以下技巧解决。但是，在进行一般使用时，我认为这不是一个更现实的解决方案
如果所有系列都具有相同的X坐标，则不会出现此问题。如果后续系列没有每个x坐标的数据点，则需要引入虚假（虚拟）点来解决这个问题。

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