NVD3 图表部分缺少网格线答案

【问题标题】：NVD3 chart partly missing grid linesNVD3 图表部分缺少网格线
【发布时间】：2014-08-22 19:25:02
【问题描述】：

在my chart here 中，如果您能注意到，它缺少前 4 个和最后 4 个日期的网格线。

我试过了：

.ticks(data[0].length)

但它没有帮助。

我错过了什么？

jsFiddle

【问题讨论】：

问题出在图表的宽度上。当图表调整大小时，它会自动调整tick。 NVD3 multiBarChart 有一个名为 reduceXTicks 的方法来处理这个问题，不幸的是 lineChart 没有。
@shabeer90 谢谢！如果我将宽度增加到4800px，我可以看到完整的网格。是否有任何技巧可以使整个网格以任何宽度显示？
您的代码当前有nv.utils.windowResize(chart.update);，它会根据窗口自动调整图表的大小。尝试不使用该行。
@shabeer90 这并没有改变任何东西。 :(

标签： javascript d3.js nvd3.js

【解决方案1】：

添加 .showMaxMin(false) 可以解决问题。

      chart.xAxis
       .showMaxMin(false)
       .axisLabel("My X-Axis")
       .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });

工作示例是here

【讨论】：

谢谢！对此有任何想法吗？ stackoverflow.com/questions/24544859/…
也许这些链接会有所帮助：NVD3 line chart with realtime data Real time line graph with nvd3.js Update existing chart with new data
我希望最后有 MaxMin 和网格线。有什么想法吗？