如何在关系图中手动高亮多条边

猫跟你都想了解
  • 8

版本:echarts3
image.png
如图,我想要的效果是在鼠标移动到A边时,同时B边也高亮,请问有什么方法可以办到么?

尝试了dispatchAction,文档中对关系图只开放了高亮聚焦节点/边的接口
效果如下,只能在同一时间聚焦一条边,且其他节点和边会虚化,并不是我想要的效果。
image.png

目标是下图的高亮,实现B边和A边一样的高亮效果。
image.png

我的option

let option = {
    xAxis: {
        show: false,
        type: 'value'
    },
    yAxis: {
        show: false,
        type: 'value'
    },
    series: [{
        type: 'graph',
        zlevel: 9999,
        layout: 'none',
        coordinateSystem: 'cartesian2d',
        lineStyle: {
            emphasis: {
                width: 3,
                borderColor: '#fff',
                borderWidth: 1,
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.3)'
            },
        },
        itemStyle: {
            color: 'rgba(58, 194, 149, 1)',
            borderColor: 'rgba(255, 255, 255, 1)',
            borderWidth: 1,
            shadowBlur: 10,
            shadowColor: 'rgba(0, 0, 0, 0.3)'
        },
        label: {
            show: true,
            color: 'rgba(37, 43, 58, 1)',
            position: 'top'
        },
        data: [],
        links: []
    }]
}
回复
阅读 306
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏