javascript - 分离网络图节点之间的多个链接

Question

我正在使用 HighCharts 构建网络图。图中的一些节点在它们之间有多个链接，方向不同（我对链接使用箭头提示包装器，如此处所述：Highcharts Network Graph Arrow Links），并且样式也不同（遵循在这里回答我以前的问题：如何为 Highcharts 网络图中的每个数据链接自定义链接样式？）。

因为它们不同并且具有不同的含义，所以这些链接不应合并，但它们会：

链接合并；注意一个实线和一个虚线链接合并在一起

这是一个演示该问题的 JSFiddle：

https://jsfiddle.net/pqvemxsb/1/

这是兴趣点：

data: [['PersonA','Software1','Activity1','Dot','teal'],['Software1','PersonA','Activity1','Solid','teal'],['PersonA','Software1','Activity2','Solid','red']]

红线遮住了青色线，青色箭头显示在一端，虚线完全遮住了。

有什么办法可以防止这种情况吗？例如，一种弯曲每个链接的方法，使它们不重叠直线？

标签： javascriptchartshighcharts