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); })