折线 edge.polyline

简介

用折线表达图上的边是十分常见的。譬如地铁线路图、电路图等。折线连线相对于贝塞尔曲线而言，优点在于更规整、更有秩序感。该插件提供了一种边自动折线的算法，详见：一种在关系图中画带圆角折线连线的策略 。

安装

在 HTML 中引用文件：

<script src="https://unpkg.com/@antv/g6/build/plugin.edge.polyline.js"></script>

在 npm 中引用：

import '@antv/g6/build/plugin.edge.polyline';

使用

边列表

按照以下方式设置边：

const graph = new Graph();
graph.edge({
  shape: 'polyline'
});