echarts画关系图,指定有的关系为双向箭头,有的关系为单向箭头

echarts关系图里 有箭头、无箭头、双箭头连线同时存在

首先series里面设置 edgeSymbol: [‘arrow’, ‘arrow’],edgeSymbolSize: [10,10]
然后到需要要剪头的link下设置 symbol: [‘circle’, ‘arrow’],symbolSize: [5, 5]

另 symbol的可选取值,如下,
‘circle’(圆形), ‘rect’(矩形), ‘roundRect’(圆角矩形), ‘triangle’(三角形), ‘diamond’(菱形), ‘pin’(大头针), ‘arrow’(箭头)‘none’ (无)

// series中配置edgeSymbol和edgeSymbolSize 指定默认样式为双向箭头,大小都是10
series: [
            {
                type: 'graph',
                layout: 'force',
                symbolSize: 80,
                roam: true,
                edgeSymbol: ['arrow', 'arrow'],
                edgeSymbolSize: [10, 10],
                }
]
// 在links中,针对单个关系,配置symbol和symbolSize指定两边的样式和大小
links: [
    {
        'source': '高育良',
        'target': '侯亮平',
        'name': '师生111',
        'des': '侯亮平是高育良的得意门生',
        'symbol': ['circle', 'arrow'],
        'symbolSize': [5, 5],
    }
]

示例如下,默认单向箭头,指定节点1和节点3的关系为双向箭头
在这里插入图片描述

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值