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');
        }
      });
相关推荐
程序员小续9 分钟前
现代前端工程化实践:高效构建的秘密
开发语言·前端·javascript·vue.js·webpack·前端框架·ecmascript
林啾啾18 分钟前
按钮凸起与按下css效果
前端·css
年纪轻轻只想躺平18 分钟前
scss模块化
前端·css·scss
浪浪山小白兔19 分钟前
CSS 实现下拉菜单效果实例解析
前端·css
世间一剑22 分钟前
轻松理解CSS中的float浮动元素
前端·css
大模型铲屎官23 分钟前
从基础到进阶,掌握 CSS 变量与calc()函数的完整指南
前端·css·html·css3·html5·css变量·calc函数
fury_12324 分钟前
css:怎么设置图片不变形
前端·css
Giser_轩25 分钟前
番外02:前端八股文面试题-CSS篇
前端·css
JSON_L1 小时前
Vue 响应式渲染 - 列表渲染
前端·javascript·vue.js
User:你的影子1 小时前
WPF进度条渲染
前端·javascript·c#·wpf