G6
通过 G6
对象可调用的属性:
- 图基类:G6.Graph
- 网图类:G6.Net
- 树图类:G6.Tree
- 处理类:G6.Handler
- 布局类:G6.Layout
- 绘图类:G6.Canvas
- 全局配置项:G6.Global
- 矩阵类:G6.Matrix
- 工具类:G6.Util
静态方法
registNode {Function}
注册节点,参见文档自定义图形。
// 注册节点
G6.registNode(name, {
// 绘制
draw: function(cfg, group){
return keyShape;
},
// 绘制后执行
afterDraw: function(cfg, group, keyShape){
},
// 获取锚点
getAnchorPoints: function(cfg){
return anchorPoints;
}
});
内部注册的节点
名称 | 解释 | 结果 |
---|---|---|
矩形 rect |
||
圆形 circle |
广义圆形,也可以是椭圆 | |
菱形 rhombus |
||
文本 text |
||
图片 image |
也可以传http 开头的图片链接 |
|
树节点 tree-node |
继承于rect , |
|
HTML 节点 html |
html 节点。参考实例:Demo |
注意:如果注册已有的图形,将会直接复写该图形对应的方法。
registEdge {Function}
注册边,参见文档自定义图形。
// 注册边
G6.registEdge(name, {
// 绘制
draw: function(cfg, group){
return keyShape;
},
// 绘制后执行
afterDraw: function(cfg, group, keyShape){
}
});
内部注册的边
名称 | 解释 | 结果 |
---|---|---|
直线 line |
||
曲线 smooth |
||
二次贝塞尔曲线 bezierQuadratic |
常用于有平行边存在的情况 | |
水平-竖直 HV |
||
竖直-水平 VH |
||
竖直-水平-竖直 VHV |
||
水平-竖直-水平 HVH |
注意:如果注册已有的图形,将会直接复写该图形对应的方法。