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}]}