d3用於條形圖的轉換被倒轉

Question

我是一般編程人員的新手，但是JavaScript對我來說比一般人更有一點但更具挑戰性。我目前正在構建d3.js條形圖，並希望爲條形圖加載過渡。當我放入轉換代碼時，它總是反轉，並且所有在線教程對於我所使用的數據類型都沒有幫助，因爲這些數據對我來說太複雜了。這裏是我到目前爲止的代碼：http://pastebin.com/dW1x81WT

請幫助我如何使其正確過渡。我對編碼和d3圖形非常陌生。

Answer 1

這是你想要的嗎？ https://jsfiddle.net/gerardofurtado/4un5zgsa/

A D3 transition從原始值變爲最終值。所以，你必須設置酒吧最初寬度爲0：

.attr("width", 0) 

再到之後的最終值時，transition()：

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