在事件上针对d3.js上的其他元素

Question

我有一个圆环图，我希望有一个svg圆圈作为一个按钮，并将圆环图缩小以及中间的圆圈，如何在我时定位另一个元素。

nav.on("click", function(d){
nav.transition()
    .duration(1000)
    .ease("elastic")
    .attr("r", 60);
});

最后，到目前为止，有没有更短的方法来完成我的工作，这里是fiddle

Answer 1

好吧，您只需在处理程序中运行影响其他元素的代码，例如

nav.on("click", function(d){
  nav.transition()
    .duration(1000)
    .ease("elastic")
    .attr("r", 60);
  arc.outerRadius(radius/2);
  chart.transition().duration(1000).ease("elastic").attr("d", arc);
});

Jsfiddle here。代码本身对我来说很好。