d3 Übergang für Balkendiagramm ist umgekehrt

Question

Ich bin neu in der Codierung im Allgemeinen, aber Javascript ist ein wenig, aber schwieriger für mich als die meisten. Ich baue gerade ein d3.js Balkendiagramm und wollte einen Übergang für die Balken laden. Wenn ich den Übergangscode einfüge, geschieht dies immer in umgekehrter Reihenfolge und alle Online-Lernprogramme sind für die Art der Daten, die ich verwende, nicht hilfreich, um sie für mich zu kompliziert zu verstehen. Hier ist der Code, den ich bis jetzt gemacht habe: http://pastebin.com/dW1x81WT

Bitte helfen Sie mir, wie man es richtig übergeht. Ich bin sehr neu in der Codierung und d3 Grafiken speziell.

Answer 1

Ist das was du willst? https://jsfiddle.net/gerardofurtado/4un5zgsa/

Ein D3 transition geht vom ursprünglichen Wert zum endgültigen Wert. Also müssen Sie setzen die Balken Breite zunächst auf 0:

.attr("width", 0) 

Und dann auf den Endwert nach der transition():

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