NVD3 x 轴标签未对齐 lineChart 和 historicalChart

Question

这与报告的问题类似。

在这个工作示例 example 中，我实现了一个折线图和一个历史图表。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d')(new Date(d)) })

除了 x 轴上的轴标签与线点或条不同步外，一切都按预期工作。

如 says that it is due to formatting of date, I have tried to format date/time in my new example 中建议的解决方案。但是问题还是一样。

chart.xAxis
    .showMaxMin(true)
    .tickFormat(function(d) { return d3.time.format('%b %d %Y')(new Date(d)) })

对我来说，它最初看起来是 NVD3 库的问题，因为相同的格式适用于我检查过的其他图表类型。因此我提出了一个问题 here.

Answer 1

您需要设置xScale。执行 chart.xScale(d3.time.scale())

NVD3 x-axis labels misaligned for lineChart and historicalChart