条形图的 d3 转换被反转

d3 Transition for Bar Graph is Reversed

总体而言,我是编码新手,但 javascript 对我来说有点挑战,但比大多数人都更具挑战性。我目前正在构建一个 d3.js 条形图,并希望对条形图进行负载转换。当我输入转换代码时,它总是以相反的方式进行,所有在线教程都对我使用的数据类型没有帮助,因为它们太复杂了,我无法理解。这是我到目前为止所做的代码:http://pastebin.com/dW1x81WT

请帮助我如何正确过渡。我对编码和 d3 图特别陌生。

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

一个D3 transition从原始值到最终值。因此,您必须将条形宽度最初设置为 0:

.attr("width", 0)

然后到最后的值后,transition():

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