echarts水球图加载问题

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

按需导入了第三方插件'echarts-liquidfill',但是仔细检查了代码，没有问题，但是水球图就是加载不出来，多次尝试发现，在版本兼容上存在问题，暂时至今天，水球图可在载版本为

"echarts": "^5.4.3",

//如果有用到echarts-for-react

"echarts-for-react": "^3.0.2",

"echarts-liquidfill": "^3.1.0",

亲测解决水球图的加载问题。

StupigYy
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
echarts 水球图
God's asylum的博客
05-19 228
1、引用插件echarts-liquidfill来实现水球图。2、添加外侧进度条使用pie来是实现。
水滴球实现echarts，水滴球不出效果解决
iseyre的博客
05-31 820
npm install --save echarts-liquidfill@对应的版本号。注：eacharts需要和水滴图的版本号对应！然后父组件引入调用就ok。这个图需要下载对应的插件。
echarts做水滴图；解决[echarts] unknown series liquidfill 水球加载问题
最新发布
i_am_a_div的博客
03-26 1664
echarts做水滴图；解决[echarts] unknown series liquidfill 水球加载问题
Echart使用水球图不生效
qq_15509267的博客
01-26 478
水球图官方链接：https://www.npmjs.com/package/echarts-liquidfill。1、Echarts的版本需要和‘echarts-liquidfill’。在vue3中使用echart5绘制水球图，未显示，也没有报错。1、安装水球图的依赖包。2、在使用的vue页面。
【echarts】水球图不生效解决方案
qq_45625778的博客
10-07 826
最近在使用echart图表时发现echart的 type: “liquidFill” 属性没有生效，也没有报错，单纯图表不展示。经排查发现是echart5.0版本后需要安装依赖。
vue项目中eachars实现水球图（echarts-liquidfill）
沐天的博客
02-23 1655
vue项目中eachars实现水球图（echarts-liquidfill）
vue3之echarts水球图
时光清浅处，一步一安然
01-30 645
【代码】vue3之echarts水球图。
Vue中使用echarts实现水球图
热门推荐
是日前端
10-20 1万+
控制台输入安装echarts以及水球图 npm install echarts --save npm install echarts-liquidfill --save vue main.js中注册 import echarts from 'echarts' //引入echarts import 'echarts-liquidfill' 组件中使用 <template> <div class="hygrometer" ref="hygrometer"></div>
echart水滴_使用echarts水球图
weixin_39771614的博客
12-20 1035
使用echarts水球图官方实例中没有水球图样式，当我们需要用到水球图的时候需要下载echarts-liquidfill.js.使用在echarts之后引入 echarts-liquidfill.js准备一个定宽高的DOM用来挂载水球图初始化水球图var chart = echarts.init(document.getElementById("dom"))设置水球参数,并渲染到DOM元素var...
Echart水球图的使用
AdobePenny的博客
04-02 1157
Echart水球图的个性设置 1.引入JavaScript文件 <script type="text/javascript" src="./Resources/echarts.js"></script> <script type="text/javascript" src="./Resources/echarts-liquidfill.js"></scri...
echarts水球图
12-27
echarts水球图js代码，页面引入了echarts.js还需要引入echarts-liquidfill.min.js才能实现水球图效果
echarts水球图echarts-liquidfill.js文件
05-11
echarts水球图所需文件，直接引入配合echarts.js使用
echarts水球图插件2.0.6
01-17
在ECharts中，水球图（LiquidFill）是一种特殊类型的图表，用于展示数据的填充程度，常用于表示比例、进度或者数值等。Echarts水球图插件2.0.6是该功能的一个特定版本，提供了一些改进和新特性。 1. **水球图概念**...
echarts-liquidfill.js水球图插件
05-16
制作水球图时需要的js文件 ECharts 的水球图是一个插件类型的图表。在 ECharts 官网下载的完整版本不包含水球图，使用时，需要在引入 echarts.js 之后，另外引入水球图对应的 echarts-liquidfill.js
echarts-liquidfill.js水球图
06-26
这个文件包含了 ECharts 水球图的特定实现，可以将其添加到你的项目中，确保在使用水球图前正确加载。例如，在 HTML 文件中，你可以通过以下方式引入： ```html <script src="path/to/echarts.min.js"> ...
echarts-liquidfill水波球图表
z112308的博客
11-13 290
【代码】echarts-liquidfill水波球图表。
解决echarts图表在本地运行正常，部署后切换组件不显示的问题
ben_ncepund2的博客
02-14 752
关于后台管理系统中，部署后echarts图表显示异常的问题解决
【从零建站3/n】错题集（已解决）：服务器上再次进入有Echarts的页面，图表无法显示
泛纪元的啊有猫
03-05 320
碰到一个很厉害的Bug。 主角是我个站提供的深圳个人车牌竞价预测；本地npm run serve一切正常，但是一旦上服务器（腾讯云）就会出问题： 打开网页或PWA程序后第一次进入有echarts图的竞价预测页面一切正常； 通过顶栏点选到其他页面后，再次回到这个有echarts图的竞价预测页面，则原图表区显示为一片空白。 按F5刷新页面后，echarts图表又恢复正常显示；重复上一步操作则继续发生无法显示的Bug。 解决思路：猜测原因是vue-router作为路由把页面切走之后，原来绑定到div上的e
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值