水滴球实现echarts，水滴球不出效果解决

这个图需要下载对应的插件

1：

npm install --save echarts-liquidfill@对应的版本号

 注：eacharts需要和水滴图的版本号对应 ！！！过高或过低都没效果

目前已知可生效版本：

一：

"echarts": "^5.3.3",

"echarts-liquidfill": "^3.1.0"

二：

"echarts": "^4.2.1",

"echarts-liquidfill": "^2.0.2"

如果插件下载失败可手动，操作如下：

https://download.csdn.net/download/iseyre/86747515https://download.csdn.net/download/iseyre/86747515

子组件：

注：记得引入：

import * as echarts from "echarts";
import 'echarts-liquidfill/src/liquidFill.js';

<template>
    <div class='box'   :id='id'></div>
</template>
 
<script>
import * as echarts from "echarts";
import 'echarts-liquidfill/src/liquidFill.js';
export default {
    // num是距离colors是颜色ratioColor是水波纹颜色
    props:['id','num','nums','colors','ratioColor'],
  data() {
    return 复制