NVD3 线加条形图 X 轴刻度线对齐错误

Question

X 轴刻度未与图表中的条形和线条对齐。线条和条形图一起对齐。我的代码和图表在这里： https://plnkr.co/edit/ar11Ww4Bdwb2zm2FxeOx?p=preview

在我系统的实际项目中，x 轴值的形式为“YYYY-mm-dd”，它被转换为 utc 时间格式并提供给图表，在显示时我使用了

xAxis.tickFormat(function(d) { console.log(d); return d3.time.format('%Y-%m')(new Date(d)) });

显示它的函数。

我尝试使用xAxis.ticks() 函数强制刻度数与柱数相同，但这没有帮助。我该如何调整它以便它们可以对齐。

Answer 1

尝试分配 tickValues ：

chart.xAxis.tickValues(function(values) {return _.map(values[0].values, function(v) {
                    return new Date(v.x);
            })});