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

修复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.dtcms.com/a/291275.html

相关文章:

  • 卷积神经网络基本概念
  • 深度学习之参数初始化和损失函数(四)
  • 深入解析MIPI C-PHY (二)C-PHY三线魔术:如何用6种“符号舞步”榨干每一滴带宽?
  • 设计模式六:工厂模式(Factory Pattern)
  • C语言:20250721笔记
  • 在 Conda 中删除环境及所有安装的库
  • 《使用 IDEA 部署 Docker 应用指南》
  • Linux-rpm和yum
  • Shell脚本编程:从入门到精通的实战指南
  • 从零开始:用Python库轻松搭建智能AI代理
  • Djoser 详解
  • 深度学习中的数据增强:从理论到实践
  • hot100回归复习(算法总结1-38)
  • 力扣面试150(35/150)
  • 【安全篇 / 反病毒】(7.6) ❀ 01. 查杀HTTPS加密网站病毒 ❀ FortiGate 防火墙
  • Excel函数 —— XLOOKUP 双向查找
  • Linux find命令:强大的文件搜索工具
  • 计算机发展史:电子管时代的辉煌与局限
  • 无人机浆叶安装顺序
  • 【算法基础】二分查找
  • 源码编译安装boost库,以及卸载boost库
  • 插值法的使用
  • Js进阶案例合集
  • iostat的使用说明
  • 基于深度学习的图像分类:使用ResNet实现高效分类
  • (10)机器学习小白入门 YOLOv:YOLOv8-cls 模型评估实操
  • G7打卡——Semi-Supervised GAN
  • numpy库的基础知识
  • 【VASP】机器学习势概述
  • 5G/4G PHY SoC:RNS802,适用于集成和分解的小型蜂窝 RAN 架构。