전환이있는 동적 채우기 d3

Question

d3을 사용하여 전환으로 동적 채우기를 수행하려고합니다.

http://tributary.io/inlet/11094354

방법 제 부하 0-60 %의 로딩에이 전환을 수행 할 ??

감사와 안부 Moyeen

Answer 1

당신이 할 필요가 stop에 전환을 추가입니다 :

grad.append("stop").attr("offset", "0%").style("stop-color", "red") 
    .transition().duration(1000).attr("offset", "60%"); 

전체 데모 here.