D3 v5 相同节点多线重叠简单简单处理

一般我们在线条两个相同节点 有时候会有多个连线节点.

在网上搜索了很多答案,大多数过于复杂,关算法部分就能累计几百行了。

其实,仔细探究下原理,也就是,source,target,

是从左到右,还是从右到做. 到哪里进行一折,哪里二折

这里给出一个简单处理办法


  if (source.x < target.x) {
                    if (this.isExists(link.id)) {
                        var index = link.add_index;
                         return "M" + source.x + "," + (source.y) + " L" + (source.x + index) + "," + (source.y + index)
                            + " L" + (target.x - 15) + "," + (source.y + index) + " L" + target.x + "," + target.y;
                    }
                } else {
                    var index = link.add_index;
                     return "M" + source.x + "," + (source.y) + " L" + (source.x-15 ) + "," + (source.y - index)
                        + " L" + (target.x - 15) + "," + (source.y - index) + " L" + target.x + "," + target.y;
                }

当满足第一个条件  if (source.x < target.x)   的时候,就是 从左到右,反之则然

当然也可以从上到下。核算偏移角度等。此时已可以满足需求.

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值