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');
        }
      });
相关推荐
一棵白菜12 小时前
mac 部署 n8n
前端
学高数就犯困12 小时前
React:常见的性能优化手段
前端·react.js
天天码行空12 小时前
vkeyboardhand:零依赖虚拟键盘指法组件
前端·javascript·vue.js
东方小月12 小时前
从零开发一个 Coding Agent(五):使用 TypeBox 校验工具参数
前端·人工智能·后端
我要两颗404西柚12 小时前
Stage four:VUE项目上线
前端·javascript·vue.js
尤乐娃子12 小时前
进入大厂(厂子大)实习Day8
前端·笔记·实习
醉城夜风~12 小时前
CSS盒模型(Box Model)
前端·css
雪隐13 小时前
个人电脑玩AI-15让5060 Ti给你打工——MiniMax H3 本地部署实录:一个自带录音棚的视频模型,和它的 NVFP4 瘦身奇遇
前端·人工智能·后端
GuWenyue13 小时前
不用第三方SDK!Vue3原生Fetch实现DeepSeek流式输出,90%前端都会踩的分片解析坑一次性解决
前端·人工智能·llm
独隅13 小时前
前端离线暂停更新策略:Service Worker 与 PWA 实战指南
前端