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

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