RippleEffect 产生涟漪效果的空间

Github上资源的显示,Mark一下

https://github.com/traex/RippleEffect/blob/master/README.md


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echarts 中的涟漪图(Ripple)可以通过 `rippleEffect` 属性来实现涟漪效果。`rippleEffect` 属性的值是一个对象,包含了以下常用属性: 1. `brushType`:涟漪的类型,可以是 'stroke' 或 'fill',分别表示边框类型和填充类型。 2. `scale`:涟漪的扩散比例,默认值为 2.5。 3. `period`:涟漪的一个周期时间,单位为秒,默认值为 4。 4. `rippleStyle`:涟漪的样式,可以设置涟漪的颜色、透明度、边框宽度等属性。 以下是一个示例代码,展示如何使用 `rippleEffect` 属性来实现涟漪效果: ```javascript option = { series: [{ type: 'effectScatter', data: [ [10.0, 8.04], [8.0, 6.95], [13.0, 7.58], [9.0, 8.81], [11.0, 8.33], [14.0, 9.96], [6.0, 7.24], [4.0, 4.26], [12.0, 10.84], [7.0, 4.82], [5.0, 5.68] ], rippleEffect: { // 涟漪效果配置 brushType: 'stroke', // 波纹为边框类型 scale: 4, // 波纹扩散比例为 4 period: 6, // 波纹一个周期的时间为 6 秒 rippleStyle: { // 波纹样式配置 color: '#FF6347', // 波纹颜色为橙红色 opacity: 0.6, // 波纹透明度为 0.6 borderWidth: 1 // 波纹边框宽度为 1 } }, itemStyle: { // 圆圈样式配置 normal: { color: '#0099CC' } } }] }; ``` 在上面的示例中,`rippleEffect` 属性被设置为一个对象,其中 `brushType` 属性被设置为 'stroke',表示涟漪为边框类型;`scale` 属性被设置为 4,表示涟漪扩散比例为 4;`period` 属性被设置为 6,表示涟漪一个周期的时间为 6 秒;`rippleStyle` 属性被设置为一个对象,其中 `color` 属性被设置为 '#FF6347',表示涟漪颜色为橙红色;`opacity` 属性被设置为 0.6,表示涟漪透明度为 0.6;`borderWidth` 属性被设置为 1,表示涟漪边框宽度为 1。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值