d3力导图绘制节点间多条关系平行线的方法


之前用d3做了多条线之间的绘图是曲线表示的,现在产品要求改成平行线的样式,经过在网上的调研和自己的尝试,实践出一个可用的方法,分享给大家,先展示下结果:

事先声明,本方法是在以下参考网站上进行的结合和更改:
d3力导图节点间多条线的绘图方法
d3.js Force Layout: drawing multiple straight, parallel links between two nodes
force layout with multiple links between nodes

如果图示的样式是你想要的,那么直接粘贴代码看吧!代码可直接运行。





  
  
  
  



  

svg