2016-09-30 82 views
1

X轴蜱不与图表中的横条和线条对齐。线和条在一起对齐。我的代码,这里的曲线图: https://plnkr.co/edit/ar11Ww4Bdwb2zm2FxeOx?p=previewNVD3 Line Plus条形图X轴蜱错误对齐

在我的系统中的实际项目的x轴的值处于“YYYY-MM-dd'which形式转换为UTC时间格式,并且提供给图表和同时显示它,我使用的

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

函数来显示它。

我试图强制滴答的数量与使用xAxis.ticks()函数的条数相同,但这并没有帮助。我怎样才能调整这个,使他们可以对齐。

回答

0

尝试分配tickValues:

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