(G6)Loop 自环边添加(起始点与结束点为相同节点的边)

nyf_unknown

已于 2023-03-20 09:33:14 修改

阅读量421

点赞数

分类专栏：图表文章标签：前端 vue.js

于 2022-08-19 14:40:16 首次发布

本文链接：https://blog.csdn.net/qq_44754635/article/details/126424527

版权

图表专栏收录该内容

42 篇文章 0 订阅

订阅专栏

(G6)Loop 自环边添加(起始点与结束点为相同节点的边)

效果：
在这里插入图片描述

      this.visualData = { nodes: [], edges: [] }; //渲染的数据
      this.selectList.forEach((item) => { //提取数据的数组
        ... //节点处理
        //连接线
        let obj3 = {};
        obj3 = {
          source: item.headEntity,
          target: item.endEntity,
          label: item.relation,
        };
        this.visualData.edges.push(obj3);
        this.visualData.edges.forEach((item) => {
          if (item.source == item.target) {
            this.$set(item, "type", "loop");//给起结点相同的边添加type属性
          }
        });
      });