这个图需要下载对应的插件
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