Echart使用水球图不生效

本文主要是介绍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

这篇关于Echart使用水球图不生效的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---