ECharts is not Loaded报错，引入地图不显示解决办法

已于 2023-04-24 16:16:57 修改
阅读量1.6k 收藏 5
点赞数 2
文章标签： echarts javascript ecmascript vue 前端
于 2023-04-22 16:17:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45742383/article/details/130306229
版权

引入地图报错ECharts is not Loaded

前提：引入地图js文件，却无法成功显示，报错语句中有ECharts is not Loaded，同页面其他echarts图表正常
这是china.js文件的报错语句
在这里插入图片描述
说明此时china.js文件已经成功引入，但在js文件中Echarts没引进去，此js文件中引入echarts的语句可能出现问题，我们上手修改代码，重新引入echarts

import * as echarts from 'echarts/lib/echarts'

在这里插入图片描述

注意
修改的是China.js,写正确自己echarts所在的路径

颜问儿
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vue 引入json地图_vue中引入地图的js文件，显示echarts is not loaded
weixin_39860755的博客
12-19 514
<script type="text/javascript">var vue = new Vue({el:'#app',data:{function () {return {provinces: {//23个省"台湾": "taiwan","河北": "hebei","山西": "shanxi","辽宁": "liaoning","吉林": "jilin","黑龙江": "heilon...
Navicat 远程连接 Oracle 时提示oracle library is not loaded 所需文件
07-17
Navicat 远程连接 Oracle 时提示oracle library is not loaded 所需文件
Echarts is not load
ALF2333的博客
04-21 258
最初的代码： 问题描述： 问题解决：
ECharts is not Loaded解决方案
热门推荐
AinUser的博客
05-11 2万+
首先我的代码是： [html] view plain copy   /*原来引入jar */后来引用网上jar(需有网)           //地图显示区域 //官网demo：http://echarts.baidu.com/blog/2016/04/28/echarts-map-tutorial.html
vue中下载echarts包，引入china.js文件后,报错'ECharts is not Loaded'
前端深似海
02-28 3874
写项目的时候 需要新增一个中国地图的统计表做完一个demo后放入vue里发现报错’ECharts is not Loaded’ 然后百度发现把引入的方式改一下就出来了，图下 ...
ECharts is not Loaded -- echarts里china.json与china.js有何区别
偏执
11-17 456
echarts官方提示他们的地图json测绘不符合中国官方标准不提供下载 如下图 china.json image.png china.js image.png 可以很明显的看出地图山东与辽宁部分堆到一起的情况, 接下来换成china.js vue项目，要引入china.js，直接import引入会报错：ECharts is not Loaded import chin...
Angular7开荒-------整合Echarts时出现ECharts is not Loaded错误
好吗好的~的技术博客
01-28 2509
错误描述 用echarts.js和china.js配置地图，结果显示不正常，打开浏览器后台，显示以上报错。 原因： 原因是在加载echarts.js前加载的china.js了   解决办法： 必须先加载echarts.js才能加载其它的地图组件。 ...
ECharts图表首次加载不显示问题
weixin_72018800的博客
06-19 1292
你进页面他是不会显示的所有图表的，你会发现你请求的接口返回的是200。原本页面是一进去就加载所有显示图表，然而现实是这样的。这个时候你就得在你的组件使用v-if判断他是不是有值。
runtime error R6002 -floating point support not loaded解决办法
02-17
runtime error R6002 -floating point support not loaded 将未出现过该错误的电脑中Keil的\ARM\ARMCC\bin\armlink.exe复制，覆盖掉报错电脑中的Keil安装目录下\ARM\ARMCC\bin\armlink.exe即可。每天出现该报错，...
QT打包之解决MySQL报错：driver not loaded
10-23
解决QT打包MySQL时报错：driver not loaded ，含有分析软件和我用到的dll文件 博客地址：https://blog.csdn.net/qq_36022290/article/details/109245420
Eclipse运行android项目报错Unable to build: the file dx.jar was not loaded from the SDK folder的解决办法
08-26
今天小编就为大家分享一篇关于Eclipse运行android项目报错Unable to build: the file dx.jar was not loaded from the SDK folder的解决办法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的...
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
12-20
一、连接语句 from PyQt5.QtSql import QSqlDatabase db=QSqlDatabase.addDatabase('QMYSQL') ...1、提示1：QMYSQL driver not loaded a、问题分析 python的PyQt5中需要对应版本位数（32/64）的libmysq
echarts首次加载不显示，再次刷新照常显示
g2526的博客
01-22 9005
参照了各种办法比如$nextTick、watch、setOption，然后发现是定位层级的问题，也是无语到无以复加，不过问题解决了 还是可喜可贺~ 问题：首次打开echart页面，数据有，图标不展示 一开始没往样式上想，只以为echart写的方式不对，困扰了一天【捂脸】 解决： 因为样式问题需要父级设置position: relative;并且设置背景色（如果没背景色其实也可以正常显示），如图 父级没有背景色 生成echart图表会默认给div加个position: relativ.
echarts首次加载中国地图空白
m0_64689789的博客
04-17 749
这几天做了一个js+echarts的可视化图表，其中中国地图出现了首次加载不出现，只有改变浏览器的大小才出图，后来经过多方搜查终于给我弄出来了。其中最主要的原因是因为我的图表在第二个tab里面， 所以页面第一次加载的时候没来得及渲染上。所以我们在用setTimeout延迟执行，从而让他可以渲染上，这样就可以出图了。加上这段代码，我的图就可以出来了。
echart地图不显示问题
weixin_55966654的博客
06-20 6815
解决echarts不显示地图问题，echarts5.0以上的版本不支持地图功能，所以需要装5.0以下的版本
echarts 打不开解决办法
weixin_50249353的博客
02-14 3273
echarts 打不开
oracle library is not loaded
weixin_43232423的博客
07-14 1390
Navicat 连接Oracle时提示oracle library is not loaded的问题解决 未曾远去 2018-08-01 14:52:33 41103 收藏 6 分类专栏： JAVA异常 Oracle 版权 一、我连接的是阿里云服务器上的Oracle数据库 二、刚开始我下载最新版本Instant Client 发现不好用还是报oracle library is not loaded。换了个低版本的可以连接不在报错。 下面具体步骤 1.连接Oracle时提示“oracle library
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 1233
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
echarts is not defined
05-13
The error message "echarts is not defined" usually indicates that the ECharts library is not properly loaded on the web page. Here are some possible solutions: 1. Make sure that you have included the ECharts library in your HTML file using a script tag. For example: ```html <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> ``` 2. Check that the path to the ECharts library is correct. Ensure that the URL is valid and that the file exists on the server. 3. If you are using a module bundler like Webpack or Rollup, make sure that you have installed the ECharts library and imported it correctly in your JavaScript code. 4. Verify that the ECharts library is loaded before your JavaScript code runs. You can do this by placing your code in a callback function that is executed when the document is ready, or by using the `defer` attribute on the script tag. If none of these solutions work, please provide more information about your code and how you are using ECharts, so that I can assist you further.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值