NVD3 Line Plus 条形图 X 轴刻度错误对齐
NVD3 Line Plus Bar Chart X-Axis Ticks wrong alignment
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()
函数强制分时报价的数量与柱的数量相同,但这没有帮助。我该如何调整才能使它们对齐。
尝试分配 tickValues :
chart.xAxis.tickValues(function(values) {return _.map(values[0].values, function(v) {
return new Date(v.x);
})});
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()
函数强制分时报价的数量与柱的数量相同,但这没有帮助。我该如何调整才能使它们对齐。
尝试分配 tickValues :
chart.xAxis.tickValues(function(values) {return _.map(values[0].values, function(v) {
return new Date(v.x);
})});