Highcharts可以做到这一点，但需要一些定制。例如，您可以 Package getLinkPath方法并生成一个带有箭头的路径。

(function(H) {
  H.wrap(H.seriesTypes.networkgraph.prototype.pointClass.prototype, 'getLinkPath', function(proceed) {
    return [...] // path;
  });
}(Highcharts));

字符串

示例：https://jsfiddle.net/BlackLabel/pk8y49qw/

或者向已有路径添加箭头。

示例：https://jsfiddle.net/BlackLabel/vk81xbn3/
有用线程：

• https://www.highcharts.com/forum/viewtopic.php?t=45331的
• https://github.com/highcharts/highcharts/issues/12781的
  文档：https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

我想最简单的方法是使用d3-graphviz。

let dotSource = `digraph{
  node [
    style=filled;
  ]
  A [fillcolor=red; fontcolor=black];
  B [fillcolor=green; fontcolor=white];
  C [fillcolor=black; fontcolor=white];
  D [fillcolor=orange; fontcolor=white];
  A -> B;
  B -> C;
  B -> D
}`
d3.select("#graph").graphviz()
    .engine('neato')
    .renderDot(dotSource);

个字符
有大量的选项来布局和/或样式的图形。