如何在 d3.js 中为功能区设置动画？

编程问答 2022-05-23

问题描述

我正在尝试在 d3.js 中为功能区设置动画，以便为和弦图设置动画。当我围绕圆旋转节点时，我想移动和弦。

这是我的代码：

    ribbon[i] = d3.ribbon().radius(140);

    ribbons[i]({
       source: { startAngle: customAngleFinishList[edgeList[i].source.id].startAngle,endAngle: customAngleFinishList[edgeList[i].source.id].endAngle},target: { startAngle: customAngleFinishList[edgeList[i].target.id].startAngle,endAngle: customAngleFinishList[edgeList[i].target.id].endAngle}
    })
     
d3.select("#s" + edgeList[i].source.id + "t" + edgeList[i].target.id).transition().duration(5000).
     attr("d",ribbons[i]);

我已尝试为半径扩展设置动画并且效果很好，但我无法更新功能区端点的位置。我试过设置源和目标，但没有效果。

你有什么想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationchorddiagramjavascript