Echarts图表--＞鼠标移入取消小手

最新推荐文章于 2024-06-25 17:17:13 发布

越努力，越幸运..........

最新推荐文章于 2024-06-25 17:17:13 发布

阅读量2.7k

点赞数 1

分类专栏： echarts

本文链接：https://blog.csdn.net/weixin_47254130/article/details/125781165

版权

图表交互鼠标样式事件监听点击事件 ECharts

关键词由CSDN通过智能技术生成

echarts 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

当图表中没有可点击跳转的需求时，则鼠标移入当前图表时，小手状态变为箭头

// myChart是绘图的对象
	myChart.getZr().on('mousemove', param => {
      myChart.getZr().setCursorStyle('default')
      //  若鼠标滑过区域位置在当前图表范围内 鼠标设置为小手
      // if (radarChart.containPixel('grid', pointInPixel)) { 
	  //  radarChart.getZr().setCursorStyle('pointer')
	  // } 
    })

//有点击的需求的时候
  mounted() {
    this.createChart();
    window.addEventListener("resize", () => {
      this.echart.resize();
    });

    this.echart.off("click");
    this.echart.on("click", (params) => {
      let name =params.name
      this.$emit("clickRiskName", name);
     
    });
  },