第一种： 可使用vis类库

1、Vis-network

visjs 提供了一个网络视图模块，提供给我们绘制网络之间的各个点、线之间的关系，这个的话就比较类似于echarts的地图，在地图上打点画线的逻辑，区别在于使用visjs可以拖动节点的位置、以及visjs里面还有对物理引擎等的引入。

网络是一种可视化，用于显示由节点和边组成的网络和网络。可视化易于使用，并支持自定义形状、样式、颜色、大小、图像等。网络可视化可在任何现代浏览器上流畅运行，最多可容纳数千个节点和边。为了处理大量节点，Network 支持集群。

官网地址： https://visjs.org/index.html

官网文档地址 ： https://visjs.github.io/vis-network/docs/network/

中文文档可参考： https://ame.cool/pages/222681/

https://www.likecs.com/show-203852598.html

https://blog.csdn.net/maidu_xbd/article/details/106789416

https://blog.csdn.net/qq_44973159/article/details/124290104

第二种： 可使用echarts类库中的关系图

官网 ： https://echarts.apache.org/examples/zh/index.html#chart-type-graph

官网文档配置说明 ： https://echarts.apache.org/zh/option.html#series-graph.type

series下的graph；