echars图表自定义按钮

向前跑丶加油

已于 2022-05-20 10:56:22 修改

阅读量3.4k

点赞数 1

分类专栏：学习笔记前端文章标签： echarts javascript 前端

于 2022-05-20 10:55:38 首次发布

本文链接：https://blog.csdn.net/m0_37128767/article/details/124879010

版权

笔记同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

前端

11 篇文章 0 订阅

订阅专栏

学习

4 篇文章 0 订阅

订阅专栏

如何在echars图标中自定义按钮

 今天在开发中遇到一个问题，我是想在echarts图表中增加三个自定义按钮，发现canvas层级太高，按钮置于下层，无法触发点击事件
 如下图这样

在这里插入图片描述

解决方法：按钮所处的div使用固定定位fixed

	.btn-box {
    	position: fixed;
    	z-index: 10;
    	margin-top: 9px;
   	    width: 170px;
   			 .btnStyle {
      			cursor: pointer;
      			width: 48px;
     			 height: 28px;
      			margin-left: 8px;
      			font-size: 12px;
      			font-weight: 400;
     			 background: transparent;
    			}
    }