本文出处:http://blog.csdn.net/chenxiaodan_danny/article/details/39081071 

series : [

               {
                   name: 'iphone3',
                   type: 'map',
                   mapType: '杭州市',
                   roam: true,
                   itemStyle:{
                       normal:{label:{show:true}},
                       emphasis:{label:{show:true}}
                   },
                   data:[
                       //{name: '杭州',value: Math.round(Math.random()*1000)},
                     //  {name: '卢湾区',value: Math.round(Math.random()*1000)},
                    
                   ]
               }
           ]

2.  mapType显示地图范围,为china,显示中国地图,为浙江,显示浙江地图板块,若‘china|浙江’地图显示会出错,‘浙江|杭州市’显示杭州地图板块,但识别不了区以下级别,'杭州市|西湖区'地图显示错误无法加载

series : [
               {
                   name: 'iphone3',
                   type: 'map',
                   mapType: '浙江',//mapType为浙江,可识别以下数据,若为,'china'   或   ‘china|浙江’,不可识别以下数据
                   roam: true,
                   itemStyle:{
                       normal:{label:{show:true}},
                       emphasis:{label:{show:true}}
                   },
                   data:[
                         //未加市,不可识别,加了市,可识别
                         
                      
//{name: '杭州',value: Math.round(Math.random()*1000)},//未加市不可识别

//{name: '温岭市',value: Math.round(Math.random()*1000)},//不可识别市级以下级别
                       {name: '杭州市',value: Math.round(Math.random()*1000)},
                      {name: '台州市',value: Math.round(Math.random()*1000)},
                    
                   ]
               }
           ]

3.不可识别,无区级及以下地图

series : [
               {
                   name: 'iphone3',
                   type: 'map',
                   mapType: '浙江|杭州市',//无实际
                   roam: true,
                   itemStyle:{
                       normal:{label:{show:true}},
                       emphasis:{label:{show:true}}
                   },
                   data:[
                      
                       {name: '西湖区',value: Math.round(Math.random()*1000)},
                      // {name: '杭州市',value: Math.round(Math.random()*1000)},
                      //{name: '台州市',value: Math.round(Math.random()*1000)},
                    
                   ]
               }
           ]

4.直辖市,上海(不能写成上海市,否则无效name),显示上海地图,可识别区级,同样,写成'china|上海'会出错

series : [
               {
                   name: 'iphone3',
                   type: 'map',
                   mapType: '上海',
                   roam: true,
                   itemStyle:{
                       normal:{label:{show:true}},
                       emphasis:{label:{show:true}}
                   },
                   data:[
                         //未加市,不可识别,加了市,可识别
                         
                       {name: '闵行区',value: Math.round(Math.random()*1000)},
                      // {name: '杭州市',value: Math.round(Math.random()*1000)},
                      //{name: '台州市',value: Math.round(Math.random()*1000)},
                    
                   ]
               }
           ]

5.直辖市,mapType 写到区级,显示区级地图

series : [
               {
                   name: 'iphone3',
                   type: 'map',
                   mapType: '上海|闵行区',//写到区级,显示区级地图
                   roam: true,
                   itemStyle:{
                       normal:{label:{show:true}},
                       emphasis:{label:{show:true}}
                   },
                   data:[
                         //未加市,不可识别,加了市,可识别
                         
                       {name: '闵行区',value: Math.round(Math.random()*1000)},
                      // {name: '杭州市',value: Math.round(Math.random()*1000)},
                      //{name: '台州市',value: Math.round(Math.random()*1000)},
                    
                   ]
               }
           ]
        };

小结:

1.mapType:不要与china写一起,不要三个下一起,非直辖市自治区省市一起写

mapType: 'china',"//加载中国地图,并显示34个省直辖市自治区

mapType: 'china|上海|闵行区',"//加载出错,无法识别该name

mapType: 'china|上海',//加载出了上海地图,但无法显示出上海各区

mapType: '上海',//加载上海地图,并显示上海各区

mapType: '上海市',//加了市,无法识别,若是省级下的市要加上市,否则无法识别

mapType: '浙江|杭州市',//显示杭州地图,但没有显示杭州各区

mapType: '杭州市',//无法识别该name,省下面的市需要表上省

2.尝试下来得出

a.mapType识别两个关键词

b.地图识别两级,如直辖市,市、区(区下无法识别,地图画到区级别且无区以下地标显示),非直辖市(自治区未尝试),省、市(市下无法识别,地图画到市且无区及以下地标显示)

c.china单独写

d.直辖市,市、区一起写,非则省市一起写,该写市的写市,该写区的写区,该写县的写县,不该写的也都不要写

Echarts使用随笔(2)-Echarts中mapType and data的更多相关文章

  1. eCharts的随笔

    1.散点图中找最优记录 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&q ...

  2. echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮

    echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...

  3. ECharts学习总结(一):ECharts的第一个图表

    在进行echarts图表开发之前先要到echarts官网下载echarts的库文件,我下载的是echarts-2.2.7.然后把库文件放到工程文件web目录下.接下来进行第一个图表的显示步骤如下: 1 ...

  4. 【ECharts】1.学习ECharts从现在开始:第一个Echart图形

    首先,你需要下载ECharts所需的文件,我使用的是echarts-2.0.2版本,点击这里下载:echarts-2.0.2 下载解压后,下面有一系列文件夹,其中build中有我们需要引入的JS文件, ...

  5. Echarts常用API(echarts和echartsInstance)

    一.echarts上的方法 一般在项目中引入echarts之后,可以获得一个全局的echarts对象. 1.下面是几个比较常用的echarts方法 echarts.init() 创建一个echarts ...

  6. ECharts系列:玩转ECharts之常用图(折线、柱状、饼状、散点、关系、树)

    一.背景 最近产品叫我做一些集团系列的统计图,包括集团组织.协作.销售.采购等方面的.作为一名后端程序员,于是趁此机会来研究研究这个库. 如果你仅仅停留在用的层面,那还是蛮简单的. 二.介绍 ECha ...

  7. PyQt学习随笔:Qt中Model/View中的怎么构造View匹配的Model

    老猿Python博文目录 老猿Python博客地址 在<PyQt学习随笔:Qt中Model/View相关的主要类及继承关系>介绍了Model/View架构的主要类,在实际使用时,view相 ...

  8. PyQt(Python+Qt)学习随笔:Designer中的QDialogButtonBox的按钮改变缺省文字的方法

    在Qt Designer中可以预先定义标准按钮,相关支持的标准按钮请见<PyQt(Python+Qt)学习随笔:Designer中的QDialogButtonBox的StandardButton ...

  9. PyQt(Python+Qt)学习随笔:Designer中的QDialogButtonBox增加自定义按钮的方法

    在Qt Designer中可以预先定义标准按钮,相关支持的标准按钮请见<PyQt(Python+Qt)学习随笔:Designer中的QDialogButtonBox的StandardButton ...

随机推荐

  1. 【POJ1113】Wall(凸包)

    [题目] Description Once upon a time there was a greedy King who ordered his chief Architect to build a ...

  2. elasticsearch spring 集成

    elasticsearch spring 集成 项目清单   elasticsearch服务下载包括其中插件和分词   http://download.csdn.net/detail/u0142011 ...

  3. Haskell 输入和输出

    我们已经说明了 Haskell 是一个纯粹函数式语言.虽说在命令式语言中我们习惯给电脑执行一连串指令,在函数式语言中我们是用定义东西的方式进行.在 Haskell 中,一个函数不能改变状态,像是改变一 ...

  4. 《Effective C++》条款26 防卫潜伏的ambiguity模棱两可的状态

    每个人都有思想.有些人相信自由经济学,有些人相信来生.有些人甚至相信COBOL是一种真正的程序设计语言.C++也有一种思想:它认为潜在的二义性不是一种错误.ambiguity 这是潜在二义性的一个例子 ...

  5. 【HDOJ】1455 Sticks

    DFS.搜索以棍数为条件循环搜索较好,这样不会超时. #include <stdio.h> #include <string.h> #include <stdlib.h& ...

  6. 在ubuntu14.04 64位中使用jd-gui

    使用时提示缺少库,输入命令sudo apt-get install libgtk2.0-0:i386 libxxf86vm1:i386 libsm6:i386 lib32stdc++6 参考:http ...

  7. 余弦距离、欧氏距离和杰卡德相似性度量的对比分析 by ChaoSimple

      1.余弦距离 余弦距离,也称为余弦相似度,是用向量空间中两个向量夹角的余弦值作为衡量两个个体间差异的大小的度量. 向量,是多维空间中有方向的线段,如果两个向量的方向一致,即夹角接近零,那么这两个向 ...

  8. Linux驱动的两种加载方式过程分析

    一.概念简述 在Linux下可以通过两种方式加载驱动程序:静态加载和动态加载. 静态加载就是把驱动程序直接编译进内核,系统启动后可以直接调用.静态加载的缺点是调试起来比较麻烦,每次修改一个地方都要重新 ...

  9. (转载)Mysql中,SQL语句长度限制

    (转载)http://qjoycn.iteye.com/blog/1288435 今天发现了一个错误:Could not execute JDBC batch update 最后发现原因是SQL语句长 ...

  10. JDK 1.6.0和 6.0 有啥区别,JavaTM SE 6 的平台名字和版本号的说明(转)

    一直这么理解,今天才看到官方的解释,真是有点汗颜. 核心就是 6.0用于平台和产品的名字,而1.6.0用于开发者. 他们指的是同一个东西. 原文地址:http://java.sun.com/javas ...