在xAxis上使用datetype时，NVD3折线图tics与网格错误对齐

Question

我目前正在使用Angular Directive（angular-nvd3）使用NVD3。我有一个非常简单的折线图，其中包含非常简单的数据。

我现在遇到的问题是我的数据与Axis错误对齐。
此处提供示例示例代码：http://plnkr.co/edit/jWEYt6?p=preview ，

我在xAxis上使用日期，这些日期是使用d3库解析的：

tickFormat: function(d) {return d3.time.format('%d/%m')(new Date(d))}

描述：

我希望xAxis标签与网格相对应。

在示例中，您可以清楚地注意到xAxis的划分不是均匀的（值：06 / 11、08 / 11、11 / 11、13 / 11）
。所以通常是2天，有时是3天:)

更糟糕的是-峰与网格不匹配。 例如：06/11滴答滴答实际上还没有接近网格线，我猜应该是。

我也在master'srepo的代码上尝试过这个，它也发生在这里。HTML头部分中有一个链接。

我的数据，正确的日期格式或其他问题吗？谢谢！

Answer 1

这使我烦恼了一段时间，在这里找不到答案。我什至在GitHub上打开了一个错误：https
:
//github.com/novus/nvd3/issues/1382#issuecomment-160694559，我被认为是答案。

问题：

实际的问题由于而被隐藏了d3.time.format('%d/%m')。我的示例数据每天一滴答地给出，并且格式也进行了相应设置。但是d3不明白。绘制网格时，网格划分为max- min/someValue，网格刻度不必在全天（午夜）发生，而可以在任何时间发生。而且由于格式，我看不到它。

显示这种误解的版本在这里：http :
//plnkr.co/edit/2iMHOp?p=preview

解：

所以现在，当我知道自己能做什么时，我设法通过使用tickValuesnvd3
/角度包装器中的参数来替代刻度线。解决方案的版本在这里：http :
//plnkr.co/edit/23n3ll?p=preview

另一个错误:)

有趣的是，由于标签太长而无法显示，因此我不得不旋转标签以使其适合。我认为这是另一个错误。如您所见， 第二 和 倒数 第二个 ， 但没有一个
刻度标签。首先，我尝试使用此处提到的解决方案：NVD3折线图X轴刻度线使用该showMaxMin参数缺失，但无法正常工作。但是，如果将标签旋转到〜-70度，标签将显示为OK。

我想这不是我的NVD3旅程的尽头;）