echarts3echarts 地图显示地名为什么有问题

1342人阅读
因为在做数据可视化的过程中,查询到echarts是个不错的选择,特别是有支持的地图显示功能。
但是在使用过程中,按照示例代码
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
&/script&中国地图能够正常使用,但是显示省份地图时报错:Map jiangxi not exists. You can download map file on /download-map.html
后来发现map:对应的值应该为中文 而不是拼音,真是费一大番功夫。&/pre&&pre name=&code& class=&html&&&script type=&text/javascript&&
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: '江西'
//map时省份必须是中文
解决问题。
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:10196次
排名:千里之外
原创:31篇
(2)(2)(3)(2)(9)(5)(1)(1)(1)(2)(4)(1)(2)(2)echart(4)
产生上述现象后,刷新一下页面看看地图是否显示正常,如果正常请参考我的另一篇文章:http://blog.csdn.net/john1337/article/details/
如果刷新后仍然只显示南沙群岛,很可能是漏掉了china.js文件,ECharts 3 中因为地图精度的提高,不再内置地图数据增大代码体积,使用地图时有两种方式:
JavaScript 引入示例
&script src=&echarts.js&&&/script&
&script src=&map/js/china.js&&&/script&
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
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'
PS:echarts地图数据下载网址:/download-map.html
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:139562次
积分:3548
积分:3548
排名:第9428名
原创:204篇
转载:90篇
评论:24条
(18)(26)(14)(36)(32)(20)(21)(8)(49)(16)(3)(1)(2)(1)(1)(3)(1)(2)(12)(16)(6)(3)(1)(1)(1)(1)ECharts3 怎么加载 china.js 地图?
echart3 加载china.js地图,就一张黑图,我也是按照加载js文件的方式来加载的,然而总是报错
提示这样错误
coordSys.getOtherAxis is not a function
echarts3加载map的方式和2不一样了,你必须得先注册地图才行
“`js
$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’, data); var chart = echarts.init(document.getElementById(‘map’)); chart.setOption({ series: [{ type: ‘map’, map: ‘china’ }] }); });
类似这样,你需要下载中国的地理矢量数据geojson
关于伯乐小组
这里有好的话题,有启发的回复和值得信任的圈子。
新浪微博:
推荐微信号
(加好友请注明来意)
- 好的话题、有启发的回复、值得信赖的圈子
- 分享和发现有价值的内容与观点
- 为IT单身男女服务的征婚传播平台
- 优秀的工具资源导航
- 翻译传播优秀的外文文章
- 国内外的精选博客文章
- UI,网页,交互和用户体验
- 专注iOS技术分享
- 专注Android技术分享
- JavaScript, HTML5, CSS
- 专注Java技术分享
- 专注Python技术分享
& 2017 伯乐在线echarts3地图显示为什么有问题呢? - 知乎32被浏览13411分享邀请回答65 条评论分享收藏感谢收起插件描述:Ets中国地图选择器demo
相关插件-地图
讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币
醉迹满青衫 0
官网实例?
ap457921 0
官网实例?
怎么改颜色?
一转身叹流年已苍白 0
这不是ECharts官网实例吗
可以加载其他数据与穿透么?
little smart 0
可以在上面添加事件吗?
PROMULGATOR
关注作者 (16)
收藏此插件 (90)
我当前jQ币余额:正在获取..
已下载次数:617
所需jQ币:1

我要回帖

更多关于 echarts 地图显示数值 的文章

 

随机推荐