G6

通过 G6 对象可调用的属性:

静态方法

registerNode

[Function] 注册节点,参见文档自定义图形

// 注册节点
G6.registerNode(name, {
  // 绘制
  draw(cfg, group){
    return keyShape;
  },
  // 绘制后执行
  afterDraw(cfg, group, keyShape){

  },
  // 获取锚点
  getAnchorPoints(cfg){
    return anchorPoints;
  }
});

内部注册的节点

名称解释结果
矩形 rectimage
圆形 circle广义圆形,也可以是椭圆image
菱形 rhombusimage
文本 textimage
图片 image也可以传http开头的图片链接image
树节点 tree-node继承于rectimage
HTML 节点 htmlhtml 节点。参考实例:Demoimage

注意:如果注册已有的图形,将会直接复写该图形对应的方法。

registerEdge

[Function] 注册边,参见文档自定义图形

// 注册边
G6.registerEdge(name, {
  // 绘制
  draw(cfg, group){
    return keyShape;
  },
  // 绘制后执行
  afterDraw(cfg, group, keyShape){

  }
});

内部注册的边

名称解释结果
直线 lineimage
曲线 smoothimage
二次贝塞尔曲线 bezierQuadratic常用于有平行边存在的情况image
水平-竖直 HVimage
竖直-水平 VHimage
竖直-水平-竖直 VHVimage
水平-竖直-水平 HVHimage

注意:如果注册已有的图形,将会直接复写该图形对应的方法。