如何在d3.js scaleBand中找到填充的大小

Question

我在条形图旁边制作迷你图，但试图让定位正确。

使用d3.scaleBand（）。paddingInner（0.1）

列出条形图

我通过y.bandwidth（）翻译线路径，这让我很接近（见下文）。

看起来它需要为填充添加更多。填充多少钱？它设定为0.1但是0.1是什么？如何找到像素中的填充以添加到翻译？

代码目前位于https://github.com/henryjameslau/new-trade-map/blob/master/worldmap/index2.html

Answer 1

填充功能允许您在波段之间以及上下设置填充，如文档中所示。

我的建议是在y翻译中添加所需的填充。

Answer 2

阅读d3-scale的自述文件后，它说

  

内部填充确定保留范围的比率   对于乐队之间的空白。

所以答案是d3.scaleBand

中设置的范围的0.1

我现在用i *（y.bandwidth（）+ 0.1 * y.bandwidth（））+ 0.05 * y.bandwidth（）

翻译路径