antv/G6图谱-边虚线设置

一、直虚线

1、效果

2、代码

const edge = {

    source: 'id',

    target: 'id',

    linkDistance: 100, // 布局参数，边长

    type: 'line',// 直线

    style: {

      lineDash: [10, 5], // 虚线：每隔多长 出现多长的间隔

    },

  };

  graph.addItem('edge', edge);

二、曲虚线

1、效果

2、实现

const edge = {

    source: 'id',

    target: 'id',

    type: 'arc',// 圆弧线

    style: {

      lineDash: [10, 5], // 虚线：每隔多长 出现多长的间隔

    },

     labelCfg: {

        autoRotate: true,

      },

  };

  graph.addItem('edge', edge);