option = {
title: {
text: '散点图示例 - 涟漪动画'
},
xAxis: {
type: 'value',
scale: true
},
yAxis: {
type: 'value',
scale: true
},
series: [
{
name: '散点图',
type: 'scatter',
data: [
[10, 20],
[20, 50],
[30, 70],
[40, 30],
[50, 40],
// 更多数据点...
],
symbolSize: 10,
itemStyle: {
color: 'blue'
},
emphasis: {
label: {
show: true,
formatter: '{a}'
}
},
// 涟漪动画配置
rippleEffect: {
period: 4, // 一个涟漪从中心到边缘的持续时间,单位为秒
scale: 4, // 涟漪的最大缩放比例
brushType: 'stroke' // 涟漪的绘制方式,可选值为 'stroke' 和 'fill'
}
}
]
};
在这个例子中,rippleEffect 属性用于配置涟漪动画的一些参数:
- period: 一个涟漪从中心到边缘的持续时间,单位为秒。
- scale: 涟漪的最大缩放比例。
- brushType: 涟漪的绘制方式,可选值为 'stroke' 和 'fill'。
您可以根据实际需求调整这些参数,以达到预期的涟漪动画效果。
转载请注明出处:http://www.zyzy.cn/article/detail/5411/ECharts