D3.js水平条形图 - 更改条形方向（从左到右而不是从右到左）

Question

我有一个水平条形图，如下所示：

我知道这很容易解决我似乎无法找到从左侧到右侧而不是从右侧到左侧更改条形图的位置。

Answer 1

从

更改第64行

.attr("x", function(d) { return x (d.values); })

到

.attr("x", 0)

因为那是设置条形的x位置的原因。

编辑：啊，所以你想要的实际上是填补负空间，相反，所以你也想改变条的长度。如果要更改宽度，请修改width属性。

    .attr("width", function(d) { return width - x(d.values); });

应该是

    .attr("width", function(d) { return x(d.values); });