vue项目中使用Echarts 和Echarts中水球liquidFill插件

如果大家需要使用水球liquidFill插件的话，请参考这篇文章 https://blog.csdn.net/weixin_43953710/article/details/101761760

这里需要注意的是，如果项目中的水波颜色需要是渐变的话，类似设置为这样

color: [{
            type: 'linear',
            x: 0,
            y: 0,
            x2: 0,
            y2: 1,
            colorStops: [{
                offset: 1,
                color: 'rgba(58, 71, 212, 0)'
            }, {
                offset: 0.5,
                color: 'rgba(31, 222, 225, .2)'
            }, {
                offset: 0,
                color: 'rgba(31, 222, 225, 1)'
            }],
            globalCoord: false
        }],

特别要注意的是 这里的color字段类型必须是数组[ ] ,直接Object{}页面将无法显示水波效果。