轻量高效的拓扑图组件
zh

Qunee Developer Guide

分组图元

分组图形元素(Q.Group),包含多个节点,形成一个组合,可用于表示设备分类,分片,以及包含关系

创建分组

可以通过graph.createGroup(name, x, y)来创建分组,参数分别为分组名称与位置

示例

var graph = new Q.Graph("canvas");
var hello = graph.createNode("Hello", -100, -50);
var qunee = graph.createNode("Qunee", 100, 50);
var edge = graph.createEdge("Hello &&&\nQunee", hello, qunee);
 
var group = graph.createGroup();
group.addChild(hello);
group.addChild(qunee);

运行效果

分组样式分组背景图片

ScreenShot 2014-06-05 at 下午4.24.38.png