echarts 5.0之map使用

echarts升级5.0之后 map的使用

v5 移除了内置的 geoJSON（原先在 echarts/map 文件夹下），如果使用者仍然需要他们，可以去从老版本中得到（下载文件中的map文件，引入本地），或者自己寻找更合适的数据然后通过 registerMap 接口注册到 ECharts 中。

ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。

// JavaScript 引入示例
<script src="echarts.js"></script>
<script src="map/js/china.js"></script>
<script>
var chart = echarts.init(document.getElementById('main'));
chart.setOption({series: [{type: 'map',map: 'china'}]
});
</script>// JSON 引入示例
$.get('map/json/china.json', function (chinaJson) {echarts.registerMap('china', chinaJson);var chart = echarts.init(document.getElementById('main'));chart.setOption({series: [{type: 'map',map: 'china'}]});
});
// 或import china from 'map/json/china.json' //本地路径echarts.registerMap('china', china);var chart = echarts.init(document.getElementById('main'));chart.setOption({series: [{type: 'map',map: 'china'}]});

echarts 5.0之map使用相关推荐

ECharts 3.0底层zrender 3.x源码分析1-总体架构
zrender是一个轻量级的Canvas类库,作为百度Echarts 3.0的底层基础.截至目前查看的zrender源码和文档,包括官网文档都还停留在2.x时代,我打算用一个系列介绍下zrender ...
简单DP (Preparing for Xtreme 12.0) | STL map使用
当水题遇上了map大坑晚上写一个dp,弄了半天样例一直不过,对着队友的代码一行行看,发现跟自己逻辑完全一样啊... 然后就逐行输出比对,发现预处理出了问题,把map插入新值的地方改了下,果然就好了. ...
Canvas or SVG？一张好图，两手准备，就在 ECharts 4.0
Canvas 和 SVG 是两大基于浏览器的渲染方案,在选择图表库的时候,用户有时也会在这两者之间纠结.但是纠结的时候,你是否真的明白这两者在哪些方面有优劣? ECharts 4.0 推出 Canva ...
echart旭日图_海报级设计感的旭日图，就在 ECharts 4.0
2018 年 1 月 16 日 ECharts 发布了 4.0,其中包括一种新的图表系列--旭日图. 普通旭日图: 文艺旭日图: 2B 旭日图--这货真的长得像个旭日啊 щ(ﾟДﾟщ): 可能大家印象 ...
可视化了解一下？ECharts 4.0最全技术攻略
2018 年 1 月 16 日,百度 EFE团队正式发布了旗下知名开源产品 ECharts 的最新大版本 4.0,新版本在产品的性能.功能.易用性等各个方面进行了全面提升,标志着百度在可视化领域又一突 ...
Echarts V5.0版本学习
Echarts 年前又上线V5.0版本,赶紧学起来新旧版本对比:个人感觉新版本Echarts 更加好看点击图表也加入动画效果细节满分相对于旧版本简直一个天上(高大上更炫酷) 一个地下(low货 ...
vue中echarts 5.0版本以上不支持因为官方移除了地图数据和map文件夹
解决方法: 1.安装4.9版本npm install echarts@4.9.0 2.自行导入js
echarts 2.0 macarons主题安装
2019独角兽企业重金招聘Python工程师标准>>> 主题下载: http://echarts.baidu.com/doc/example/theme/macarons.js 其他 ...
ECharts之类型3D(map，bar3D,scatter3D)
ECharts之类型3D(3D地图) 相关js源码下载: 1.世界地图.js,中国地图.js,中国各省份地图.js 地址:https://github.com/ecomfe/echarts/tree/ ...

echarts 5.0之map使用

echarts升级5.0之后 map的使用

echarts 5.0之map使用相关推荐

最新文章

热门文章