必威体育Betway必威体育官网
当前位置:首页 > IT技术

【可视化】Echarts3 在世界地图中绘制中国各省份的轮廓

时间:2019-10-11 00:45:49来源:IT技术作者:seo实验室小编阅读:62次「手机版」
 

中国地图轮廓

要在世界地图展现出来的情况下绘制中国省份的轮廓,根据现有的echarts-api是不可行的。

但好在echarts也提供了自定义地图的方式,使用echarts.registerMap();来实现 

第一步 查阅官方文档你会知道这是echarts在使用geojson绘制svg图像,geojson的开发规范是固定的,参考http://geojson.org/ ,这应该是开发地理svg图像的官方网站吧, 在这里所说的要参考不是让你自己参考规范写json,仅仅明白规范内容就可以了。

第二步 下载world.json 然后和china.json进行合并,合并时要注意world.json的json格式,也就是要参考geojson的规范,避免格式错误。

关键的一点要明白:一般人的概念里会认为中国当然要去包含这些省份,而在事实上,china与各省份是同一层级的.

在这里 我把我合并好的json文件放在了download.csdn.net/download/dream361/9655095 大家可以去下载直接使用

第三步 合并之后的json要被调用到 这里使用了 jQuery的get的方法来从前端异步获取。

$.get(

"world.json的url",

null,

function(data,status){ 

echarts.registerMap(data,''world);

option = {

geo:{

type:'world'

//声明为world 和registerMap(data,'world')一致

}

};

},'json');

这三步就把问题搞定了

相关阅读

Echarts学习之二十五:toolbox工具框

toolbox={ show : true, //是否显示工具栏组件 orient:"horizontal",

Echarts地图详解(地图样式、合并地图、增加地图)

概述 地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角

百度图说——零编程玩转ECharts图表

百度图说 和 ECharts 都是百度ECharts团队研发的产品,在不懂编程或是为了快速完成图表制作的情况下,都可以通过百度图说这一工具实

ECharts中的 formatter中的a,b,c,d等参数的意义

其中变量a、b、c在不同图表类型下代表数据含义为:折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无)散点图(气泡)图 : a(系列名称),b

可视化篇:mapbox + echarts-gl 展示血脉交通

preface 好久没跟新,怕是这个爱好都要被繁忙的工作给消磨掉了。。 17年也快结束了,此篇应该是作为今年的结尾了,望来年分享更多

分享到:

栏目导航

推荐阅读

热门阅读