条形图的 d3 转换反转

【问题标题】：d3 Transition for Bar Graph is Reversed条形图的 d3 转换反转
【发布时间】：2016-06-24 05:57:17
【问题描述】：

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

请帮助我如何使其正确过渡。我对编码和 d3 图表非常陌生。

【问题讨论】：

标签： javascript html d3.js transitions

【解决方案1】：

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

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

.attr("width", 0)

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

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

【讨论】：