计算刻度线的数量

Question

如何获取D3中当前位于x轴上的刻度线数？

基本上我想计算有多少刻度线。

Answer 1

由于您使用刻度来设置x轴的刻度线，因此您可以计算刻度线的数量，如下所示：

>> xScale.ticks().length;
13

Answer 2

如果您将 D3.js V5与DC.js一起使用，则可以使用以下替代方法：

chart.on('pretransition', (chart) => {
  const svg = chart.select('svg');
  let totalXAxisTicks = 0;       // Total X Axis Ticks Variable

  // Get Total Number of X Axis Ticks
  svg.selectAll("rect.bar")
    .each(function (data) {
      totalXAxisTicks += 1;      // Will loop through each tick
    })
}