echarts 鼠标移入柱状图展示手指,移入label 展示箭头

问题描述: 目前官方没有提供分类展示移入样式设置,所以得主动加入移入事件来分别做设置,

关键事件: _this.chartInstancenf.getZr().on('mousemove', (params) => {})

鼠标移入柱状图是有name的,他的name是 'item' , 其他的地方是空的, 所以有区别就好判断了。

完全代码如下

复制代码
      _this.chartInstancenf.getZr().on('mousemove', (params) => {
        if (params.target?.name) {
          _this.chartInstancenf.getZr().setCursorStyle('pointer');
        } else {
          _this.chartInstancenf.getZr().setCursorStyle('default');
        }
      });
相关推荐
gzzeason2 分钟前
ES6+内置进制转换方法
前端·ecmascript·es6
华洛9 分钟前
落地AI产品的最后一步:微调(面向非LLM算法工程师)
前端·aigc·产品经理
成小白13 分钟前
前端实现两个页面之间的通讯
前端·javascript
啷咯哩咯啷23 分钟前
element-plus el-tree-v2大数据量勾选节点卡顿问题
前端·javascript·vue.js
阳光阴郁大boy1 小时前
一个基于纯前端技术实现的五子棋游戏,无需后端服务,直接在浏览器中运行。
前端·游戏
石小石Orz1 小时前
效率提升一倍!谈谈我的高效开发工具链
前端·后端·trae
EndingCoder1 小时前
测试 Next.js 应用:工具与策略
开发语言·前端·javascript·log4j·测试·全栈·next.js
xw51 小时前
免费的个人网站托管-PinMe篇
服务器·前端
!win !1 小时前
免费的个人网站托管-PinMe篇
前端·前端工具
牧天白衣.2 小时前
CSS中linear-gradient 的用法
前端·css