echarts实现自定义工具栏图标方法,通过点击自定义图标实现datazoom的滚动与停止,代替鼠标移入停止移出恢复滚动 实例

上传者: 27387133 | 上传时间: 2022-02-25 16:28:39 | 文件大小: 544KB | 文件类型: -
在网上查看了很多的代码,本来想通过鼠标移入移出来控制滚动,但是发现即使在echarts图范围内进行鼠标移动也会触发到鼠标移入移出,所以自行通过增加工具栏的自定义图标方法来实现功能。为了方便理解,通过echarts官方实例进行改动,在toolbox中添加自定义的两个按钮(开始滚动和停止滚动),点击按钮可以实现控制echarts图的滚动与停止。本例代码中,设置了x轴数据超过4个时,实现每2秒进行滚动显示,如果x轴数据不超过4个时,即不进行滚动,切在echarts图的右上方工具栏也不会出现开始滚动及停止滚动这两个按钮。

文件下载

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明