G6

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

静态方法

registNode {Function}

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

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

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

内部注册的节点

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

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

registEdge {Function}

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

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

  }
});

内部注册的边

名称 解释 结果
直线 line image
曲线 smooth image
二次贝塞尔曲线 bezierQuadratic 常用于有平行边存在的情况 image
水平-竖直 HV image
竖直-水平 VH image
竖直-水平-竖直 VHV image
水平-竖直-水平 HVH image

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