D3 rangeRoundBands - 它做什么？

Question

我很遗憾地问这个，但我有一堆D3 v3代码，我无法升级到v4

可悲的是，我不知道代码的功能是什么 - 每当我寻找“rangeRoundBands”时，我得到的就是人们讨论它在D3 v4中的位置

rangeRoundBands的参数实际上做了什么？

Answer 1

我找到了this amazing page - 所以从中可以看出至少有两个论点。

var x = d3.scale.ordinal().rangeRoundBands([0, width], .05);

  

rangeRoundBands运算符提供了跨越x轴以优雅方式排列条形的魔力。在我们的示例中，我们使用它来设置我们的条形将覆盖的范围（在这种情况下从0到图形的宽度）和条形之间的填充量（在这种情况下，我们选择.05等于大约（取决于可用像素的数量）条宽的5％。