计算D3.js中的记号数

计算D3.js中的记号数,d3.js,D3.js,如何获取D3.js中当前在x轴上的记号数 基本上,我想计算有多少记号。因为您使用的是刻度来设置x轴的记号,您可以这样计算记号的数量: >> xScale.ticks().length; 13 如果将D3.js V5与DC.js一起使用,则可以使用以下选项: chart.on('pretransition', (chart) => { const svg = chart.select('svg'); let totalXAxisTicks = 0; // T

如何获取D3.js中当前在x轴上的记号数


基本上,我想计算有多少记号。

因为您使用的是刻度来设置x轴的记号,您可以这样计算记号的数量:

>> xScale.ticks().length;
13

如果将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
    })
}

轴的长度如何?从中,
axis.tickValues()
将在未传递任何参数时返回当前的勾号值。@mdml否它不起作用。这是一把小提琴。(我已经对alert进行了注释,您可以看到)查看JSFIDLE,因为您没有显式地设置
.tickValues()
,所以可以使用
xAxis.ticks()
(返回
10
)。但事实并非如此。我不想得到x轴上的记号。所以我希望我的结果是13。对不起,错过了你正在使用的一个尺度
xScale.ticks().length将为您提供
13