g6/packages/site/examples/item/customEdge/index.zh.md
2023-02-02 10:31:36 +08:00

668 B
Raw Blame History

title order
自定义边 5

当 G6 的内置边不能满足需求时G6 的自定义边机制允许用户设计和定制新的边类型。

使用指南

下面的前两个代码演示了自定义折线 polyline 边。自定义边可以通过两种方式实现:

  1. 继承 line复写 getPathgetShapeStyle 方法;
  2. 复写 draw 方法。

拖动边的两个端点时,常常需要动态更新折线的控制点位置。建议使用 G6 内置的 polyline 满足这一需求。

第三个代码演示了自定义带有多个文本标签的边。

更多信息参见自定义边