I am building a network graph using HighCharts. Some of the nodes in the graph have multiple links between them, orientated differently (I am using an arrow-tip wrapper for the links, as described here : Highcharts Network Graph Arrow Links), and also styled differently (following the method described in an answer to a previous question of mine, here : How do I customize link style for each data link in a Highcharts network graph?).

Because they are different and have different meanings, these links should not merge, but they do :

Links merging ; note one solid and one dashed link merged together

Here is a JSFiddle demonstrating the issue :

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

This is the point of interest :

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

The red line obscures the teal line, the teal arrow shows at one end, and the dotted line is obscured entirely.

Is there any way to prevent this ? For instance, a way to curve each link so they are not overlapping straight lines ?