更新

update(model)

根据元素数据项，更新元素。

参数

名称类型是否必选描述
modelobjecttrue元素描述项，包括数据和样式

提示 其中参数model可包括以下属性：

名称类型是否必选描述
idstringtrue元素ID，必须唯一
styleobjectfalse元素样式
shapestringfalse元素的形状，不传则使用默认值
labelstringfalse元素label，有该字段时默认会渲染label

用法

  1. const model = {
  2.   id: 'node',
  3.   shape: 'rect',
  4.   label: 'node',
  5.   style: {
  6.     fill: 'red',
  7.   },
  8. };
  10. item.update(model);

refresh()

刷新元素，包括更新元素位置，更新元素样式，清除之前的缓存。

一般在以下情况时，会刷新元素：

  • item model被改变；
  • 边的位置发生改变，需要重新计算边。

用法

  1. item.refresh();

updatePosition(cfg)

更新元素位置，避免整体重新绘制。

参数

名称类型是否必选描述
cfgobjecttrue元素配置项，包括x、y属性，如果参数中无x、y属性，则更新时使用数据项中的值。

用法

  1. const cfg = {
  2.   x: 100,
  3.   y: 200,
  4. };
  5. // 此时更新时，使用参数中的x、y坐标
  6. item.updatePosition(cfg);
  8. const cfg1 = {
  9.   name: 'abc',
  10.   dept: 'antv',
  11. };
  12. // 此时更新时，使用item.getModel()中的x、y坐标值
  13. item.updatePosition(cfg1);