Ovilia commented on issue #10323: graph图例是否支持节点连线中间折断
URL: 
https://github.com/apache/incubator-echarts/issues/10323#issuecomment-484750762
 
 
   可以做到类似的效果
   ```js
   option = {
       backgroundColor: 'white',
       title: {
           text: 'Graph 简单示例'
       },
       tooltip: {},
       animationDurationUpdate: 1500,
       animationEasingUpdate: 'quinticInOut',
       series : [
           {
               type: 'graph',
               layout: 'none',
               symbolSize: 50,
               roam: true,
               label: {
                   normal: {
                       show: true
                   }
               },
               edgeSymbol: ['circle', 'arrow'],
               edgeSymbolSize: [4, 10],
               edgeLabel: {
                   normal: {
                       textStyle: {
                           fontSize: 20
                       },
                       formatter: '{a|{b}}',
                       rich: {
                           a: {
                               backgroundColor: 'white',
                               height: -30
                           }
                       }
                   }
               },
               data: [{
                   name: '节点1',
                   x: 300,
                   y: 300
               }, {
                   name: '节点2',
                   x: 800,
                   y: 300
               }, {
                   name: '节点3',
                   x: 550,
                   y: 100
               }, {
                   name: '节点4',
                   x: 550,
                   y: 500
               }],
               // links: [],
               links: [{
                   source: 0,
                   target: 1,
                   symbolSize: [5, 20],
                   label: {
                       normal: {
                           show: true
                       }
                   },
                   lineStyle: {
                       normal: {
                           width: 5,
                           curveness: 0.2
                       }
                   }
               }, {
                   source: '节点2',
                   target: '节点1',
                   label: {
                       normal: {
                           show: true
                       }
                   },
                   lineStyle: {
                       normal: { curveness: 0.2 }
                   }
               }, {
                   source: '节点1',
                   target: '节点3'
               }, {
                   source: '节点2',
                   target: '节点3'
               }, {
                   source: '节点2',
                   target: '节点4'
               }, {
                   source: '节点1',
                   target: '节点4'
               }],
               lineStyle: {
                   normal: {
                       opacity: 0.9,
                       width: 2,
                       curveness: 0
                   }
               }
           }
       ]
   };
   ```

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to