定位 d3 上的其他元素.js事件上

Target other elements on d3.js on event

本文关键字:js 事件 元素 d3 定位 其他      更新时间:2023-09-26

我有一个甜甜圈图,我想有一个 svg 圆圈作为按钮并缩小甜甜圈图以及中间的圆圈,当我时如何定位另一个元素。

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

最后,有没有更短的方法来完成我到目前为止所做的事情,这是小提琴

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

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);
});

在这里杰斯菲德尔。代码本身对我来说看起来不错。