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

Question

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

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

xAxis.tickFormat(函数(d) { 控制台.log(d); return d3.time.format('%Y-%m')(新日期(d)) });

显示它的函数。

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

Answer 1

尝试分配tickValues:

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