Echarts使用隨筆（2）-Echarts中mapType and data

本文出處： 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.直轄市，市、區一起寫，非則省市一起寫，該寫市的寫市，該寫區的寫區，該寫縣的寫縣，不該寫的也都不要寫