1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue+Echarts实现点击高亮(code)

vue+Echarts实现点击高亮(code)

时间:2024-06-20 17:18:28

相关推荐

vue+Echarts实现点击高亮(code)

web前端|js教程

vue+Echarts,代码,高亮

web前端-js教程1、首先看一下官方网站上的介绍:

博客大全网站源码,ubuntu下面安装ndk,不用软件怎么爬虫,sleep() php,江西seo人员lzw

/api.html#action.graph.focusNodeAdjacency

微擎怎么上传源码,ubuntu自动登录命令,tomcat 制作购物车,小爬虫传染,php 数据导出,短视频seo优化推广专业服务商lzw

洛克王国源码,安卓vscode,ubuntu试用好还是安装好,手写tomcat教程,sqlite数据检索,discuz采集插件,前端基础框架赋能,网页怎么防爬虫,js执行php,seo公社,项目管理 网站 源码,课程表网页源码,网站模板使用,微信魔方小程序放在哪里lzw

2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。

mounted: function () { let that = this; let myChart = this.$echarts.init(document.getElementById(myChart)); myChart.on(click, function (params) { console.log(params); //点击高亮 that.myChart.dispatchAction({ type: focusNodeAdjacency, // 使用 dataIndex 来定位节点。 dataIndex: params.dataIndex }); if (params.dataType == edge) { that.handleClick(params); } else if (params.dataType == ode) { if (that.firstNode == \) { that.firstNode = params.name; } else { that.secondNode = params.name; } } }); //取消右键的弹出菜单 document.oncontextmenu = function () { return false; }; //右键取消高亮 myChart.on(contextmenu, function (params) { console.log(params); that.myChart.dispatchAction({ type: unfocusNodeAdjacency, // 使用 seriesId 或 seriesIndex 或 seriesName 来定位 series. seriesIndex: params.seriesIndex, }) }); that.myChart = myChart; that.drawLine(); },

运行效果如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。