d3 막대 그래프 전환이 반전되었습니다.

Question

저는 일반적으로 코딩하는 데 익숙하지 않지만, 자바 스크립트는 나보다 조금 더 도전적입니다. 현재 d3.js 막 대형 차트를 작성 중이고 바에 대한로드 전환을 원했습니다. 전환 코드를 넣을 때 항상 역순으로 처리하며 온라인의 모든 자습서는 내가 사용하기에 너무 복잡한 데이터 유형에 도움이되지 않습니다. 지금까지 작성한 코드는 다음과 같습니다. http://pastebin.com/dW1x81WT

올바르게 전환하는 방법을 알려주십시오. 나는 expecially 코딩과 d3 그래프에 매우 익숙하다.

Answer 1

이게 원하는가요? https://jsfiddle.net/gerardofurtado/4un5zgsa/

D3 transition은 원래 값에서 최종 값으로 변경됩니다.

.attr("width", 0) 

그리고 그 후 최종 값의 transition() :

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

을 그래서, 당신은 막대 0으로 초기 폭 설정해야