Antv G6 力导向图布局变更,保持 节点的收缩状态

监测布局变更

watch: {
    fix1(data) {
      if (data) {
        this.updateLayoutAndHideElements()
      }
    }
  },
// hiddenElements 被收缩的子节点的父节点
    updateLayoutAndHideElements() {
      this.hiddenElements.forEach(id => {
        const item = this.graph.findById(id)
        if (item) {
          this.graph.hideItem(item)
        }
      })
      // 获取所有已显示的节点
      const visibleNodes = this.graph
        .getNodes()
        .filter(node => node.getModel().visible === true)

      // 更新已显示节点的位置
      visibleNodes.forEach(node => {
        node.updatePosition()
      })

      // 重新应用布局算法
      this.graph.layout()
    },

你可能感兴趣的:(Antv,G6,力导向图布局,自定义节点,可收缩,收缩保持)