在vue 项目中使用echarts-liquidfill报错

最新推荐文章于 2024-03-26 16:56:10 发布
最新推荐文章于 2024-03-26 16:56:10 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WSL_520/article/details/106858003
版权

在vue 项目中使用echarts-liquidfill报错Component series.liquidFill not exists. Load it first.

解决办法：
第一步：npm安装 echarts-liquidfill

npm install echarts-liquidfill --save

第二步：在组件中引入

import echarts from "echarts/lib/echarts"
import 'echarts-liquidfill'
小王同学
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
引用echarts的水球图echarts-liquidfill.min.js文件报错require is not defined或define is not defined处理
uncle_Huang的博客
10-20 2334
在用echarts水球图echarts-liquidfill.min.js时，遇到了require is not defined或是define is not defined报错，具体保存信息如下图： 在网上到处查找，寻找解决办法，基本上能找到的办法我都试了，还是报这个错，还是只能自己想办法。我自己找到的解决办法如下。 既然它报的错是require is not defined或者define is not defined，我就想办法避免它用到require或是define。 可以先不用echarts-
Component series.liquidFill not exists. Load it first
岁月不饶人，我亦未曾饶过岁月
11-03 1万+
巨坑，vue 中使用echarts的水波球饼图报错，报错信息如下： Component series.liquidFill not exists. Load it first 解决办法 首先检查echarts 和 liquidFill 安装了没有，如果没有就先安装 //安装echarts，如果已安装，请忽略 cnpm install echarts --save //安装liquidFill ，如果已安装，请忽略 cnpm install echarts-liquidFill --save 然后mai
vue项目使用echarts-liquidfill插件时报错Component series.liquidFill not exists. Load it first
weixin_44782346的博客
07-19 1973
vue项目引入悬浮球就是显示不出来 前端使用npm命令安装echarts和echarts-liquidfill的步骤可以参考下面这篇 参考这篇文章 但是我都安装了已经引入了还是没用，有些文章说的时版本有问题，我也试了下，也不行，不知道是不是我项目的问题。后面我改变了echarts的引入方式就可以了。 下面附上我的实例代码： <template> <div class="container1_1"> <div id="main" class="hygrometer"
echarts水球图报错问题Component series.liquidFill not exists. Load it first
weixin_57569836的博客
09-14 1428
我在运行npm install 安装的时候报错 ：warning @vue/cli-plugin-babel > webpack > watchpack > chokidar > fsevents@2.1.3: "Please update to latest v2.3 or v2.2"再报错的话，就重启项目，或者再次删除node_modules 和 package-lock.json.再次安装，然后重启项目。解决办法：先检查echarts 和 echarts-liquidfill 是否安装。
echarts做水滴图；解决[echarts] unknown series liquidfill 水球加载问题
最新发布
i_am_a_div的博客
03-26 1697
echarts做水滴图；解决[echarts] unknown series liquidfill 水球加载问题
引入liquidfill 报错
m0_56666791的博客
09-20 226
引入liquidfill 报错。
echarts-liquidfill水滴图插件包3.1.0版本
10-11
为echarts-liquidfill插件下载不成功者提供！ 1：将包拖入node-modules种解压 2：找到package-lock.json文件：加上以下代码： "echarts-liquidfill": { "version": "3.1.0", "resolved": ...
echarts水球图echarts-liquidfill.js文件
05-11
echarts水球图所需文件，直接引入配合echarts.js使用
在vue中使用vue-echarts-v3的实例代码
10-18
本文将详细介绍如何在Vue项目中使用vue-echarts-v3，包括安装、配置、以及具体实例。 首先，我们需要安装必要的依赖。在项目根目录下，通过npm安装echarts和vue-echarts-v3： ```bash npm install --save echarts ...
echarts-liquidfill.js
06-29
echarts-liquidfill.js文件，做水球图用的，官方的api
基于vue-cli脚手架整合echarts4.8+的水球图demo案例
07-19
本项目基于vue-cli脚手架创建，整合了echarts4.8,引入了水球图的依赖，有现成的水球图案例。开箱即用。
echarts-liquidfill.js水球图
06-26
echarts的水球图需要的必要的js，以及模板样例。echarts-liquidfill.js水球图资源下载
echarts-liquidfill
weixin_30914981的博客
10-19 354
echart的水晶图 安装并引入了水晶图的文件，但是一直报错Component series.liquidFill not exists. Load it first.百度删了node_modules,引入方式换种写法都试了，最后发现是版本的问题 import echarts from 'echarts'; import 'echarts-liquidfill'; 　"echa...
“Module ‘xxx‘ does not exist in container“
weixin_44134588的博客
08-04 1万+
今天写项目的时候 ,是使用的umi 框架,并且使用 mfsu 开启了热更新(会使项目更改之后的重新加载速度提高一大截) 今天的需求是使用maplibre在页面上创建一个地图,逻辑都写好了,但是就是安装依赖项 'maplibre-gl’之后,依赖引入老是失败; 找了一万年的原因Loading… 还是没找到0.0 最后在社区一直逛一直逛… 找到一个类似的问题,然后转念一想自己的项目也开启了mfsu, 然后就尝试了一下删掉src下的.umi文件夹,相当于清除了缓存,然后项目就跑通了, 点赞! 膜拜大佬! ..
Error: Component series. not exists. Load it first.
热门推荐
m0_37987521的博客
04-14 1万+
今天用Echarts 报这个错误，所以记录一下。这个是因为没有引用完整版Echarts。所以附上传送门  http://echarts.baidu.com/download.html
echarts liquidFill
Blog
08-25 6893
水球的使用// 完整配置参数参见：https://github.com/ecomfe/echarts-liquidfill var option = { series: [{ type: 'liquidFill', radius: '80%', // name: '机位',//a 下面设定 data: [{
× Error: Component series.line not exists. Load it first.
Mr丶Yang
11-12 2535
× Error: Component series.line not exists. Load it first. react 中使用 echarts添加 dataZoom 不显示，toolbox 工具栏也是看心情显示 。。。 react引入echarts // 引入 ECharts 主模块 import echarts from 'echarts/lib/echarts'; // 引...
ECharts柱状图/折线图点击图例无法增添/删除折线的问题解决
Necstyle的专栏
07-25 5056
最近做项目用到了百度的开源
vue3种使用echarts-liquidfill
04-05
1. 在Vue组件中使用ECharts-liquidfill插件 首先，我们需要在项目中安装ECharts和ECharts-liquidfill插件。可以通过npm命令来安装： ``` npm install echarts --save npm install echarts-liquidfill --save ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值