test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-16 02:21:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
0ff3d118d8
g6/packages/site/examples/item/customEdge/index.en.md
Yanyan-Wang 3095544cdf chore: commit history cleaning
2023-02-02 10:31:36 +08:00

744 B
Raw Blame History

title order
Custom Edge 5

The custom edge mechanism in G6 allows users to design their own edge when there are no appropriate built-in edges for their scenario.

Usage

The first two demos below show how to customize polyline edge. There are two ways to customize an edge:

  1. Extend the line edge, override getPath and getShapeStyle;
  2. Override draw.

Updating the control points of polyline while dragging the end nodes is an important problem of polyline edge. For this situation, we recommend users to use built-in polyline edge.

The third demo shows how to customize an edge with multiple labels.

For more information, please refer to the document Custom Edge.