Item是G6中绘图元素实例,目前包含节点和边的实例。对于实例的变更建议在graph上进行,本文仅阐述节点与边的数据


通用方法












const node = graph.findById('node1');
if (node.isVisible()) {
	graph.hideItem(node); // 调用 graph 的方法,会触发 graph 的事件
}
if (node.hasState('active')) {
	graph.setItemState(node, 'active', false);
}

注意:


Node


 const node = new Node({
 	id: '',						
  shape: '',
 	x: 0,
  y: 0,
  size: [],
  style: {...},
  label: 'label text',
  labelCfg: {
  	position: 'top',
    style: {...}
  },
  anchorPoints: []
 });
 const node = new Node({
  id: '',           
  shape: '',
  x: 0,
  y: 0,
  size: [],
  style: {...},
  label: 'label text',
  anchorPoints: [
  	[0, 0.5],
    [1, 0.5]
  ]
 });


节点的方法


Edge


 const edge = new Edge({
 	 id: '',
   shape: '',
   source: 'sourceNodeId',
   target: 'targetNodeId',
   controlPoints: [],
   style: {...},
   label: 'label text',
   labelCfg: {
     position: 'start',
     autoRotate: true,
     refX: 0,
     refY: 0,
     style: {...}
   }
 });

增删改查

Node 和 Edge 的增删改的方法,都在 Graph 上调用

详细的接口说明查看 Graph API