Echart使用水球图不生效

一、背景：

        在vue3中使用echart5绘制水球图，未显示，也没有报错。

        水球图官方链接：https://www.npmjs.com/package/echarts-liquidfill

二、原因：

        echart5.0版本后需要单独安装依赖包。

三、解决方案：

1、安装水球图的依赖包

npm i echarts-liquidfill

2、在使用的vue页面

import * as echarts from 'echarts';
import 'echarts-liquidfill';

注：

         1、Echarts的版本需要和‘echarts-liquidfill’。

echarts	echarts-liquidfill
^5.3.3	^3.1.0
^4.2.1	^2.0.2