在ECharts中,通过使用effectScatter参数可以设置带有涟漪特效动画的ECharts散点(气泡)图。利用男性和女性的身高和体重数据进行动画特效可以将某些想要突出的数据进行视觉突出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="echarts.js"></script>
<title>绘制带涟漪特效的散点图</title>
</head>
<body>
<!-- 为ECharts准备一个指定了大小的DOM -->
<div id="main" style="width:800px; height: 600px"></div>
<script type="text/javascript">
// 基于准备好的DOM,初始化ECharts图表
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
legend: {
data: ['一般值', '极值']
},
xAxis: {
scale: true
},
yAxis: {
scale: true
},
series: [{
type: "effectScatter",
//设置具有递延特效的敏感点
//设置形式是不响应和触发标事件,默认false,即响应和触发标事件
silent: false,
//设置别名的,用于1%gend四图浏览
//结果列名的,用于给定对应的系列
name: '极值',
legendHoverLink: false, //设置是否启用否则倒加ov