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');
        }
      });
相关推荐
码农黛兮_4629 分钟前
HTML、CSS 和 JavaScript 基础知识点
javascript·css·html
狂野小青年32 分钟前
npm 报错 gyp verb `which` failed Error: not found: python2 解决方案
前端·npm·node.js
鲁鲁51736 分钟前
Windows 环境下安装 Node 和 npm
前端·npm·node.js
跑调却靠谱1 小时前
elementUI调整滚动条高度后与固定列冲突问题解决
前端·vue.js·elementui
呵呵哒( ̄▽ ̄)"1 小时前
React - 编写选择礼物组件
前端·javascript·react.js
Coding的叶子1 小时前
React Flow 简介:构建交互式流程图的最佳工具
前端·react.js·流程图·fgai·react agent
apcipot_rain6 小时前
【应用密码学】实验五 公钥密码2——ECC
前端·数据库·python
油丶酸萝卜别吃6 小时前
OpenLayers 精确经过三个点的曲线绘制
javascript
ShallowLin6 小时前
vue3学习——组合式 API:生命周期钩子
前端·javascript·vue.js
Nejosi_念旧7 小时前
Vue API 、element-plus自动导入插件
前端·javascript·vue.js