如何解决d3 v5圆形群图可动态调整力以解决可变半径大小
我有一个群图,它通过SVG圆的radius属性在线性x轴上显示了从0
到1
的范围和大小。下面的代码段:
<script src="https://d3js.org/d3.v5.min.js"></script>
通过将strength
设置为较低的值并将forceCollide
设置为较高的值,我取得了一定的成功:
var simulation = d3.forceSimulation(data)
.force("x",d3.forceX(function(d) {
return xScale(d.pequity);
}).strength(0.01))
.force("y",d3.forceY(function(d) {
return 100;
}).strength(0.01))
.force("collide",d3.forceCollide(10).iterations(1))
.stop();
但是,在许多情况下,所有圆都集中在一起。
我的预期目标是使每个圆环分开(不重叠),但同时我希望将圆环放在一起。我想这将需要可变的力设置,不确定要处理大圆旁边的小圆(反之亦然)。
问题
如何调整我的力逻辑以解决群圆中半径大小的变化,以使每个圆紧密但不被另一个圆吞没?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。