echarts 内置地图使用

本文介绍了在Angular 9项目中使用Echarts 4.7.0时遇到的地图显示问题及解决方案。通过引入地图文件并进行手动注册,成功显示了地图区域。同时,提到了地图背景色差异的遗留问题,尚未找到解决方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目基于 "@angular/cli": "~9.0.2" && "echarts": "^4.7.0" 。

使用的 官方示列 ,示列数据拷贝到本地,显示:

地图区域空白,查阅资料, 是因为地图文件未导入。

加上

import 'echarts/map/js/world.js';

这一行,显示:

 地图显示出来了。

另一种加载地图数据的方式,首先将 node_modules/echarts/map/json 下的 文件 world.json 拷贝到项目 assets 目录下,然后异步加载后手动注册:

this.http.get('assets/map/world.json').subscribe((worldJson) => {
    // 手动注册地图数据
    echarts.reg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值