echarts关系图默认高亮某一个关系

本文最后更新于：2 年前

前言
最近搞项目有个需求，就是将echarts当中的关系图中的某个节点及其关联节点高亮。

先看下运行前的样子。

当浏览器传入某个节点的时候，需要将这个节点及其相邻关联节点高亮起来。例如，我需要将上面的Labarre节点及其相邻节点高亮起来。

查看echarts文档发现dispatchAction可以触发图表的行为。于是乎添加以下代码：

1
2
3
4
myChart.dispatchAction({
  type: "highlight",
  dataIndex: 10
});

效果如下：

完美符合预期效果。这里的dataIndex是数据的下标。在实际开发过程中根据自己需要去设置就好。

  • 友情链接

完整代码
echarts文档