echarts 散点图实现缩放动态修改散点大小和样式

echarts 自定义散点图

最近收到新的开发需求：
1、需要将散点图的点阵，在缩放的同时，修改散点的大小
2、放大到一定程度之后，散点上需要显示相关指标
3、鼠标放到点阵上，需要加载相关图片

缩放修改散点大小

查看官方文档https://echarts.apache.org/zh/option.html#%2Fsearch%2FsetOption了解到，通过重新调用setOption函数，可以合并或者加载修改后的参数。
需要监听缩放事件，则需要给缩放函数dataZoom设置监听回调函数，我这里获取的是缩放后的x轴坐标长度：

myScatter.on('dataZoom',function(params){
   //选取的x轴值
            var opt = myScatter.getOption();
            var startValuex = opt.dataZoom[0].startValue;
            var endValuex = opt.dataZoom[0].endValue;
            zoom_dis = endValuex - startValuex;
        });

通过setOption函数再次加载自定义的缩放倍率：

 myScatter.setOption({
   series:[{