antv-x6图形化建模（四）antv-x6的Graph对象的配置

this.graphAntv = new Graph({
      // 网格
      // resizing: true,
      interacting: ()=>{
        // 判断是否支持交互(移动，连线等)
        if(store.globalModelType){
          return {
            vertexAdd:false,
            nodeMovable:false,
            magnetConnectable:false,
            vertexMovable:false,
            arrowheadMovable:false
          }
        }else{
          return true;
        }
      },
      grid: {
        size: 10,
        visible: true,
        type: "doubleMesh",

        args: [
          {
            color: "#eee", // 主网格线颜色
            thickness: 1, // 主网格线宽度
          },
          {
            color: "#ddd", // 次网格线颜色
            thickness: 1, // 次网格线宽度
            factor: 4, // 主次网格线间隔
          },
        ],
      },
      // 对齐线
      snapline: {
        enabled: true,
      },
      scroller: {
        enabled: true,
        pageVisible: true,
        pageBreak: true,
        pannable: true,
      },
      mousewheel: {
        enabled: true,
        modifiers: ['ctrl', 'meta'],
        minScale: 0.1,
        maxScale: 4,
      },
      // 框选
      selecting: {
        enabled: true,
        multiple: false,
        rubberband: false,
        movable: false,
        showNodeSelectionBox: false,
        strict: false,
      },
      container: document.getElementById("container"),
      width: 1200,
      height: 800,
      panning: {
        // enabled: true,
      },
      highlighting: {
    // 当链接桩可以被链接时，在链接桩外围渲染一个 2px 宽的红色矩形框
        magnetAvailable: {
          name: 'stroke',
          args: {
            padding: 4,
            attrs: {
              'stroke-width': 2,
              stroke: 'red',
            }
          },
        },
      },
      connecting:{
        allowBlank:false,
        allowLoop:false,
        allowNode:false,
        allowEdge:false,
        allowPort:true,
        allowMulti:true,
        snap:{
          radius:15,
        },
        router: {
          name: 'orth',
          // args: { 
          //   startDirections: ['right'],
          //   endDirections: ['right'],
          // },
        },
        // 连接桩距离过近会产生折线
        createEdge () {
          return new Shape.Edge({
            attrs: {
              line: {
                stroke: 'rgb(0,0,127)',
                strokeWidth: 1,
                targetMarker: {
                  name: 'block',
                  size:0.0001
                },
                sourceMarker: {
                  name: "block",
                  size: 0.0001,
                },
                strokeDasharray: 5, //虚线
                style: {
                  animation: "ant-line 30s infinite linear",
                },
              }
            },
            vertices:[],
            label: {
              text:''
            },
            router: {
              name: 'orth',
              args: {
                padding: {
                  right: 0,
                  left: 0,
                }
              }
            },
          })
        }
      }
    });