2021-12-31 17:47:44 +08:00
|
|
|
|
---
|
|
|
|
|
title: 水波图
|
|
|
|
|
order: 3
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
`markdown:docs/common/style.md`
|
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
平面点图层在开启动画模式的情况下,是一种特殊的图层类型:水波点。图层由一圈圈向外扩散的圆环构成。
|
|
|
|
|
|
|
|
|
|
<img width="80%" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*pcp3RKnNK1oAAAAAAAAAAAAAARQnAQ'>
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
|
|
|
|
## 使用
|
|
|
|
|
|
|
|
|
|
### shape
|
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
- circle、triangle、square 等平面图形都可
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
### animate
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
- boolean | animateOption
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
|
|
|
|
```javascript
|
2022-01-04 11:26:08 +08:00
|
|
|
|
.animate(true)
|
|
|
|
|
|
|
|
|
|
.animate({
|
|
|
|
|
enable: true
|
|
|
|
|
})
|
2021-12-31 17:47:44 +08:00
|
|
|
|
```
|
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
### size
|
|
|
|
|
|
2022-01-04 11:27:03 +08:00
|
|
|
|
在水波点图层中,由于边缘透明的原因,点的大小看上去要比相同 size 的非水波点要小一些。
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
[在线案例](../../../examples/point/scatter#animatePoint)
|
2021-12-31 17:47:44 +08:00
|
|
|
|
|
|
|
|
|
`markdown:docs/common/layer/base.md`
|