echarts中设置effectScatter提示框方法

effectScatter是Echarts散点图的一种，是带有涟漪特效动画的散点（气泡）图。

工具/原料

echarts.min.js

方法/步骤

1、创建普通的散点图series:[{type:'scatter'}]

2、将普通散点图改为effectScatter特效散点图series:[{type:'effectScatter'}]

3、添加鼠标浮动显示提示框tooltip:{sho嘛术铹砾wDelay:0,formatter:function(params){惺绅寨瞀if(params.value.length>1){returnparams.seriesName+':<br/>'+params.value[0]+'cm'+params.value[1]+'kg';}else{returnparams.seriesName+':<br/>'+params.name+':'+params.value+'kg';}},axisPointer:{show:true,type:'cross',lineStyle:{type:'dashed',width:1}}}

4、添加最大值、最小值标注markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]}

5、添加分布区间markArea:{silen隋茚粟胫t:true,itemStyle:{normal:惺绅寨瞀{color:'transparent',borderWidth:1,borderType:'dashed'}},data:[[{name:'分布区间',xAxis:'min',yAxis:'min'},{xAxis:'max',yAxis:'max'}]]},

6、添加平均线markLine:{lineStyle:{normal:{type:'solid'}},data:[{type:'average',name:'平均值'},{xAxis:160}]}