2012-08-17 27 views
1

我在sunburst-zoom示例(/ examples/partition/partition-sunburst-zoom in d3 package)上構建, ,並注意到有時候轉換停止在「最後一點」之前。
爲了解決這個問題,arcTween不得不modifyed方式如下:d3森伯斯特不完全轉換

function arcTween(d) { 
    var xd = d3.interpolate(x.domain(), [d.x, d.x + d.dx]), 
     yd = d3.interpolate(y.domain(), [d.y, 1]), 
     yr = d3.interpolate(y.range(), [d.y ? 20 : 0, radius]); 
    return function(d, i) { 
    return i 
     ? function(t) { return arc(d); } 
     : function(t) { 
      if (t>.95) tt=1; else tt=t+0.05 
       x.domain(xd(tt)); y.domain(yd(tt)).range(yr(tt)) 
       return arc(d)} 
    }; 
} 

這切斷過渡的開始的小部分,但使得它在一致的狀態,幾乎肯定結束。
即使使用原始的partition-sunburst-zoom,我也遇到過這個問題,但沒有使用我的數據和修改。

有誰知道修復它的「整潔」方式?

回答

1

圖。 「整潔的方式」將如下:

function arcTween(d) { 
    var xd = d3.interpolate(x.domain(), [d.x, d.x + d.dx]), 
    yd = d3.interpolate(y.domain(), [d.y, 1]), 
    yr = d3.interpolate(y.range(), [d.y ? 20 : 0, radius]); 
    return function(d, i) { 
    return i 
     ? function(t) { if (t==1) {x.domain(xd(1)); y.domain(yd(1)).range(yr(1));} 
         return arc(d); } 
     : function(t) { x.domain(xd(t)); y.domain(yd(t)).range(yr(t)); 
         return arc(d); }; 
    }; 
}