javascript - 如何获取 d3 中包含填充的条形宽度？

Question

我有一个包括填充在内的条形宽度的序数比例。

在本例中，它返回 rangeBand 返回 29.03。

var x = d3.scale.ordinal()
    .domain([0, 1, 2])
    .rangeBands([0, 100], 0.1);
console.log(x.rangeBand());

如果我有 0 填充，它将返回 33.33。

如何获取包括填充在内的宽度？

Answer 1

对于 d3.js v4，对于您使用如下方式定义 x 比例的条形图:

var x = d3.scaleBand().range([0, n]).padding(0.25).domain( ... )

你可以通过 x.step() 得到 bar+padding 的实际宽度值和填充的宽度值 x.padding() * x.step()