图表栏未与 d3.js 中的 x 轴值对齐答案

【问题标题】：Chart bars not aligning with x axis values in d3.js图表栏未与 d3.js 中的 x 轴值对齐
【发布时间】：2016-08-01 07:47:43
【问题描述】：

第一次尝试学习和实施d3.js。

在小提琴中，我们需要从

减少每个条的宽度

到

这样做时，水平 x 轴标签会与垂直条不对齐，这是不需要的。

尝试了一些解决方案：

有什么建议吗，好心人？

【问题讨论】：

不使用幻数，为什么不调整.rangeBands([0, width], someValue) 的值呢？检查这个修改过的小提琴：jsfiddle.net/Lz5y9L8m
@GerardoFurtado - 像老板一样解决问题。你能告诉我你是怎么决定调整rangeBands的吗？
当然：数组后的（可选，顺便说一句）值设置填充（在您的情况下，条之间的填充）。注意：这在 D3 4.x 中不起作用。
关于 c3 和 nvd3，我从来没有使用过它们中的任何一个。关于答案，自己好好研究一下，写一个答案，解释它并在新的 v4.x 中解释paddingInner。一段时间后，您可以接受自己的答案！
@GerardoFurtado - 哦，伙计！你真是个极客。无论如何谢谢 :) 我们在内部考虑使用其中之一，而不是直接使用 d3.js

【解决方案1】：

试试这个代码：

.rangeBands([0, width], someValue)

【讨论】：