d3 - 与tickValues不同，轴刻度不起作用

Question

我制作了基于x轴的条形图，它使用了tickValues（）。

xAxis.tickFormat( customTimeFormat )
     .tickValues( xScale.domain()
     .filter( function( d, i ) {
          // return true or false by some process
     });

它按照我的预期效果很好，但是当我用蜱制作轴时，它不起作用。

xAxis.tickFormat( customTimeFormat ).ticks(4);

我应该如何设置轴上的刻度？

Answer 1

您可以尝试将刻度设置为时间间隔

xAxis.tickFormat(d3.timeFormat("%H:%M")).ticks(d3.timeHour, 1);

此代码在时间轴上为每小时创建刻度。也可以更改为d3.timeDay，d3.timeMonth等。