antd/x6-graph——实现流程图绘制功能——技能提升-解决步骤4:data配置字段

model: {
        // 节点
        nodes: [
          {
            id: "start", // String,可选,节点的唯一标识
            x: 10, // Number,必选,节点位置的 x 值
            y: 10, // Number,必选,节点位置的 y 值
            width: 130, // Number,可选,节点大小的 width 值
            height: 30, // Number,可选,节点大小的 height 值
            label: "开始",
            type: "0", // 开始类型
            extraProperties: {
              IsOutSend: false,
              IsSkip: false,
              TimeSpan: 0
            },
            attrs: {
              // 这里给生成的节点的body加上透明的边框,一定要给边框宽度加上>0的值,否则节点将不能连线
              body: {
                strokeWidth: 3, // 边框的粗细
                magnet: true // 节点是否可以连线
              }
            }
          },

          {
            id: "end", // String,可选,节点的唯一标识
            x: 1220, // Number,必选,节点位置的 x 值
            y: 600, // Number,必选,节点位置的 y 值
            width: 130, // Number,可选,节点大小的 width 值
            height: 30, // Number,可选,节点大小的 height 值
            label: "结束",
            type: "100", // 动作所属类型
            extraProperties: {
              IsOutSend: false
            },
            attrs: {
              // 这里给生成的节点的body加上透明的边框,一定要给边框宽度加上>0的值,否则节点将不能连线
              body: {
                strokeWidth: 3, // 边框的粗细
                magnet: true // 节点是否可以连线
              }
            }
          }
        ],
        // 边
        edges: [
          // {
          //   source: "node1", // String,必须,起始节点 id
          //   target: "node2", // String,必须,目标节点 id
          //   extraProperties: {
          //     IsOutSend: 11
          //   }
          // },
          // {
          //   source: "node1", // String,必须,起始节点 id
          //   target: "node3", // String,必须,目标节点 id
          //   extraProperties: {
          //     IsOutSend: 2222222222222222222
          //   } // String,必须,目标节点 id
          // }
        ]
      },
上一篇:自然语言处理: 第二十五章 LLM 预训练监督微调阶段 tricks-二. LLM的监督微调tricks


下一篇:【C++类和对象】拷贝构造与赋值运算符重载