如何固定d3可縮放旭日形過渡？

Question

我使用以下網站的參考資料創建了可縮放的森伯斯特。 http://bl.ocks.org/mbostock/4348373

問題是我在最終級別中有很多弧，即最外面的環（將近2000弧），這減緩了單擊時的朝陽過渡。

我嘗試固定該過程的一種方法是僅在用戶跳入朝陽（單擊任何子弧）時才顯示最外面的弧。 如果最外弧是第四同心圓。 僅在用戶選擇2/3級時顯示。

我創建了初始數據集，以將最外面的弧的大小設置為0。 在單擊時，我編寫了一個將大小設置為1的函數。但是它不起作用。 以下是鏈接http://jsfiddle.net/Claw_22/1400rdu0/6/

function sizeFunc(data){
  if (!data.children) {
    if (data.level=="3") {
      data.size="1";
    }
  }
  else {
    for (i=0;i<data.children.length;i++) {
      sizeFunc(data.children[i]);
    }
  }
}

請讓我知道我們如何實現這一目標。 （獲得更快性能的替代解決方案也很有幫助。）

Answer 1

您可以在點擊功能中將轉換持續時間更改為最小級別。 像下面這樣

function click(d) {
path.transition()
  .duration(100) //sets the delay in transition
  .attrTween("d", arcTween(d));}