求支招怎么正确的画曲线
我使用d3.js画一个树形图,到画曲线那个步骤的时候,有问题,请问下这一段应该怎么修改数据可以让svg的path圆滑的过渡到下一个节点
let link = g.selectAll('.link')
.data(root.descendants().slice(1))
.enter()
.append('path')
.attr('class', 'link')
.attr('d', d => {
return 'M' + (d.depth * 180) + ',' + d.x
+ 'C' + (d.parent.y + 100) + ',' + d.x
+ ' ' + (d.parent.y + 100) + ',' + d.parent.x
+ ' ' + d.parent.y + ',' + d.parent.x;
});
上面这一段画出来是这样的:第一列没有问题,到第二列就 分裂成那样了
目标是改成这样:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论