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

发布于 2022-09-12 22:26:15 字数 1429 浏览 20 评论 0

版本: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: []
    }]
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文