Echarts 涟漪图 rippleEffect属性

Echarts 中的涟漪图（Ripple）可以通过 `rippleEffect` 属性来实现涟漪效果。`rippleEffect` 属性的值是一个对象，包含了以下常用属性：

1. `brushType`：涟漪的类型，可以是 'stroke' 或 'fill'，分别表示边框类型和填充类型。

2. `scale`：涟漪的扩散比例，默认值为 2.5。

3. `period`：涟漪的一个周期时间，单位为秒，默认值为 4。

4. `rippleStyle`：涟漪的样式，可以设置涟漪的颜色、透明度、边框宽度等属性。

以下是一个示例代码，展示如何使用 `rippleEffect` 属性来实现涟漪效果：

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。