如何固定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));}