d3条形图的转换被反转

Question

我是一般的编码新手，但javascript有点但对我来说比大多数人更具挑战性。 我目前正在构建一个d3.js条形图，并希望在条形图上加载转换。 当我输入转换代码时，它总是以相反的方式执行它，并且所有在线教程对我使用的数据类型都没有帮助，这对我来说太复杂了。 这是我到目前为止编写的代码： http ： //pastebin.com/dW1x81WT

请帮助我如何正确过渡。 我非常擅长编码和d3图表。

Answer 1

这是你想要的吗？ https://jsfiddle.net/gerardofurtado/4un5zgsa/

D3转换从原始值转变为最终值。 因此，您必须将条形宽度最初设置为0：

.attr("width", 0)

然后到最后一个值， transition() ：

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