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');
        }
      });
相关推荐
豐儀麟阁贵1 小时前
8.5在方法中抛出异常
java·开发语言·前端·算法
zengyuhan5032 小时前
Windows BLE 开发指南(Rust windows-rs)
前端·rust
醉方休2 小时前
Webpack loader 的执行机制
前端·webpack·rust
前端老宋Running2 小时前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
隔壁的大叔2 小时前
如何自己构建一个Markdown增量渲染器
前端·javascript
用户4445543654262 小时前
Android的自定义View
前端
WILLF2 小时前
HTML iframe 标签
前端·javascript
枫,为落叶2 小时前
Axios使用教程(一)
前端
小章鱼学前端2 小时前
2025 年最新 Fabric.js 实战:一个完整可上线的图片选区标注组件(含全部源码).
前端·vue.js
ohyeah2 小时前
JavaScript 词法作用域、作用域链与闭包:从代码看机制
前端·javascript