ECharts散点图地图加载不出来的问题

1. 需要的效果图

这里写图片描述

遇到的问题:Echarts3.0 散点图只显示南沙群岛,如下图所示。

这里写图片描述

2. 解决方法

2.1 去官网下载需要的ECharts版本 http://echarts.baidu.com/download.html

这里写图片描述

注意:刚开始我用的是“常用“版本,虽然官网说包含散点图,但是我需要的图还是无法加载,换成完整版的问题解决。

2.2 散点图涉及到地图,需要下载地图数据 http://echarts.baidu.com/download-map.html

有两种引用地图的方式: js 的方式和 json 的方式,刚才下载的地址上有说明。

这里写图片描述

原因:3.0 里地图数据是单独加载的,地图数据,js 文件可以直接 script 标签引入,json 文件可以用 jquery 等异步加载然后用如下方式注册到 echarts 中。

$.get('map/json/china.json', function (geoJson) {
    echarts.registerMap('china', geoJson);
});

加载 js 文件

<script src="js/vendor/jquery-3.2.1.min.js"></script>
<script src="js/vendor/echarts.min.js"></script>
<script src="js/china.js"></script>

问题解决

总结:不难,但是需要熟练使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值