当前位置: 首页 > web >正文

修复echarts由4.x升级5.x出现地图报错echarts/map/js/china.js未找到

1. 问题

在这里插入图片描述
因为使用水波图就升级了下echarts,由4.x升级到5.x,结果地图模块就报错说找不到中国地图的js文件。

2. 原因

ECharts 在 5.x 版本后 已移除内置的地图 JSON 文件(如 china.js),改为需要 手动下载并注册 地图数据。

3. 处理方案

对于移除的内置文件,我们可以单独引入或者npm安装相关的依赖,然后引入json文件注册。

import chinaJson from 'echarts/map/json/china.json'; // 地图数据网上找// Register the map
echarts.registerMap('china', chinaJson);

我直接包装成js文件了,你们自己下载用。

也可以安装相关依赖再引入使用,也挺方便的。

npm install echarts-china-provinces-pkg --save
# 或
npm install echarts-countries-js --save
// ECharts 5+ 的推荐方式
import * as echarts from 'echarts';
import chinaMap from 'echarts-china-provinces-pkg/china.json';// 注册地图数据
echarts.registerMap('china', chinaMap);
求关注
在这里插入图片描述
http://www.xdnf.cn/news/16051.html

相关文章:

  • 每日数据推荐:一线城市基于手机信令的职住数据
  • 对称加密技术详解:原理、算法与实际应用
  • 6.String、StringBuffer、StringBuilder区别及使用场景
  • AI Red Teaming 分析
  • GraphRAG快速入门和原理理解
  • 一维DP深度解析
  • Qt5线程相关事项
  • C# 转换(is和as运算符)
  • vue-pinia
  • WebkitSpeechRecognition 语音识别
  • QT6 源,七章对话框与多窗体(5) 文件对话框 QFileDialog 篇二:源码带注释
  • nginx + uwsgi + systemd 部署 flask
  • 在Windows Server 2012 R2中安装与配置IIS服务并部署mssql靶机教程
  • springboot实战篇1
  • 基于 HAProxy 搭建 EMQ X 集群
  • C++的“链”珠妙笔:list的编程艺术
  • 解决vscode中vue格式化后缩进太小的问题,并去除分号 - 设置Vetur tabSize从2到4,设置prettier取消分号semi
  • 计算机发展史:人工智能时代的智能变革与无限可能
  • 基于WebSocket的安卓眼镜视频流GPU硬解码与OpenCV目标追踪系统实现
  • 【PTA数据结构 | C语言版】哥尼斯堡的“七桥问题”
  • C# Lambdab表达式 Var 类
  • Elupload实现多个文件上传与已上传列表中做对比,若重复则只保留已上传列表中的数据,同时告诉用户,有哪些文件重复上传了
  • 搭建种草商城框架指南
  • 飞算科技:以原创技术为翼,赋能产业数字化转型
  • Linux第三课:需要自己安装的远程登录工具PuTTY的介绍
  • 【PTA数据结构 | C语言版】求单源最短路的Dijkstra算法
  • Taro 本地存储 API 详解与实用指南
  • G7打卡——Semi-Supervised GAN
  • EMBMS1820芯祥科技18单元电池监控器芯片数据手册
  • 华控的科技布局——全球化战略与合作生态