1. 程式人生 > >二、echarts地圖從全國進省從省進市

二、echarts地圖從全國進省從省進市

這次講echarts地圖從全國進省從省進市

 1.寫一個div

<div id="main" style="height:800px"></div>

2.引入需要的js

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>

或本地路徑:<script src="build/dist/echarts.js"></script>

3.引入市地圖的json

 這些資料都在echarts2下載下來的doc中有

地址如:echarts-2.2.7\doc\example\geoJson\china-main-city

資料有:


4.編寫js

// 路徑配置
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'          也可以用本地:  build/dist/
}
});


// 使用
require(
[
'echarts',
'echarts/chart/map' // 使用柱狀圖就載入bar模組,按需載入
],
function(ec) {
// 基於準備好的dom,初始化echarts圖表
var myChart = ec.init(document.getElementById('main'));
var ecConfig = require('echarts/config');
var zrEvent = require('zrender/tool/event');
var curIndx = 0;
var mapType = [
'china',
// 23個省
'廣東', '青海', '四川', '海南', '陝西',
'甘肅', '雲南', '湖南', '湖北', '黑龍江',
'貴州', '山東', '江西', '河南', '河北',
'山西', '安徽', '福建', '浙江', '江蘇',
'吉林', '遼寧', '臺灣',
// 5個自治區
'新疆', '廣西', '寧夏', '內蒙古', '西藏',
// 4個直轄市
'北京', '天津', '上海', '重慶',
// 2個特別行政區
'香港', '澳門',
];
var cityMap = {
"北京市": "110100",
"天津市": "120100",
"上海市": "310100",
"重慶市": "500100",


"崇明縣": "310200", // 
"湖北省直轄縣市": "429000", // 
"銅仁市": "522200", // 
"畢節市": "522400", // 


"石家莊市": "130100",
"唐山市": "130200",
"秦皇島市": "130300",
"邯鄲市": "130400",
"邢臺市": "130500",
"保定市": "130600",
"張家口市": "130700",
"承德市": "130800",
"滄州市": "130900",
"廊坊市": "13100",
"衡水市": "131100",
"太原市": "140100",
"大同市": "140200",
"陽泉市": "140300",
"長治市": "140400",
"晉城市": "140500",
"朔州市": "140600",
"晉中市": "140700",
"運城市": "140800",
"忻州市": "140900",
"臨汾市": "14100",
"呂梁市": "141100",
"呼和浩特市": "150100",
"包頭市": "150200",
"烏海市": "150300",
"赤峰市": "150400",
"通遼市": "150500",
"鄂爾多斯市": "150600",
"呼倫貝爾市": "150700",
"巴彥淖爾市": "150800",
"烏蘭察布市": "150900",
"興安盟": "152200",
"錫林郭勒盟": "152500",
"阿拉善盟": "152900",
"瀋陽市": "210100",
"大連市": "210200",
"鞍山市": "210300",
"撫順市": "210400",
"本溪市": "210500",
"丹東市": "210600",
"錦州市": "210700",
"營口市": "210800",
"阜新市": "210900",
"遼陽市": "21100",
"盤錦市": "211100",
"鐵嶺市": "211200",
"朝陽市": "211300",
"葫蘆島市": "211400",
"長春市": "220100",
"吉林市": "220200",
"四平市": "220300",
"遼源市": "220400",
"通化市": "220500",
"白山市": "220600",
"松原市": "220700",
"白城市": "220800",
"延邊朝鮮族自治州": "222400",
"哈爾濱市": "230100",
"齊齊哈爾市": "230200",
"雞西市": "230300",
"鶴崗市": "230400",
"雙鴨山市": "230500",
"大慶市": "230600",
"伊春市": "230700",
"佳木斯市": "230800",
"七臺河市": "230900",
"牡丹江市": "23100",
"黑河市": "231100",
"綏化市": "231200",
"大興安嶺地區": "232700",
"南京市": "320100",
"無錫市": "320200",
"徐州市": "320300",
"常州市": "320400",
"蘇州市": "320500",
"南通市": "320600",
"連雲港市": "320700",
"淮安市": "320800",
"鹽城市": "320900",
"揚州市": "32100",
"鎮江市": "321100",
"泰州市": "321200",
"宿遷市": "321300",
"杭州市": "330100",
"寧波市": "330200",
"溫州市": "330300",
"嘉興市": "330400",
"湖州市": "330500",
"紹興市": "330600",
"金華市": "330700",
"衢州市": "330800",
"舟山市": "330900",
"台州市": "33100",
"麗水市": "331100",
"合肥市": "340100",
"蕪湖市": "340200",
"蚌埠市": "340300",
"淮南市": "340400",
"馬鞍山市": "340500",
"淮北市": "340600",
"銅陵市": "340700",
"安慶市": "340800",
"黃山市": "34100",
"滁州市": "341100",
"阜陽市": "341200",
"宿州市": "341300",
"六安市": "341500",
"亳州市": "341600",
"池州市": "341700",
"宣城市": "341800",
"福州市": "350100",
"廈門市": "350200",
"莆田市": "350300",
"三明市": "350400",
"泉州市": "350500",
"漳州市": "350600",
"南平市": "350700",
"龍巖市": "350800",
"寧德市": "350900",
"南昌市": "360100",
"景德鎮市": "360200",
"萍鄉市": "360300",
"九江市": "360400",
"新餘市": "360500",
"鷹潭市": "360600",
"贛州市": "360700",
"吉安市": "360800",
"宜春市": "360900",
"撫州市": "36100",
"上饒市": "361100",
"濟南市": "370100",
"青島市": "370200",
"淄博市": "370300",
"棗莊市": "370400",
"東營市": "370500",
"煙臺市": "370600",
"濰坊市": "370700",
"濟寧市": "370800",
"泰安市": "370900",
"威海市": "37100",
"日照市": "371100",
"萊蕪市": "371200",
"臨沂市": "371300",
"德州市": "371400",
"聊城市": "371500",
"濱州市": "371600",
"菏澤市": "371700",
"鄭州市": "410100",
"開封市": "410200",
"洛陽市": "410300",
"平頂山市": "410400",
"安陽市": "410500",
"鶴壁市": "410600",
"新鄉市": "410700",
"焦作市": "410800",
"濮陽市": "410900",
"許昌市": "41100",
"漯河市": "411100",
"三門峽市": "411200",
"南陽市": "411300",
"商丘市": "411400",
"信陽市": "411500",
"周口市": "411600",
"駐馬店市": "411700",
"省直轄縣級行政區劃": "469000",
"武漢市": "420100",
"黃石市": "420200",
"十堰市": "420300",
"宜昌市": "420500",
"襄陽市": "420600",
"鄂州市": "420700",
"荊門市": "420800",
"孝感市": "420900",
"荊州市": "42100",
"黃岡市": "421100",
"咸寧市": "421200",
"隨州市": "421300",
"恩施土家族苗族自治州": "422800",
"長沙市": "430100",
"株洲市": "430200",
"湘潭市": "430300",
"衡陽市": "430400",
"邵陽市": "430500",
"岳陽市": "430600",
"常德市": "430700",
"張家界市": "430800",
"益陽市": "430900",
"郴州市": "43100",
"永州市": "431100",
"懷化市": "431200",
"婁底市": "431300",
"湘西土家族苗族自治州": "433100",
"廣州市": "440100",
"韶關市": "440200",
"深圳市": "440300",
"珠海市": "440400",
"汕頭市": "440500",
"佛山市": "440600",
"江門市": "440700",
"湛江市": "440800",
"茂名市": "440900",
"肇慶市": "441200",
"惠州市": "441300",
"梅州市": "441400",
"汕尾市": "441500",
"河源市": "441600",
"陽江市": "441700",
"清遠市": "441800",
"東莞市": "441900",
"中山市": "442000",
"潮州市": "445100",
"揭陽市": "445200",
"雲浮市": "445300",
"南寧市": "450100",
"柳州市": "450200",
"桂林市": "450300",
"梧州市": "450400",
"北海市": "450500",
"防城港市": "450600",
"欽州市": "450700",
"貴港市": "450800",
"玉林市": "450900",
"百色市": "45100",
"賀州市": "451100",
"河池市": "451200",
"來賓市": "451300",
"崇左市": "451400",
"海口市": "460100",
"三亞市": "460200",
"三沙市": "460300",
"成都市": "510100",
"自貢市": "510300",
"攀枝花市": "510400",
"瀘州市": "510500",
"德陽市": "510600",
"綿陽市": "510700",
"廣元市": "510800",
"遂寧市": "510900",
"內江市": "51100",
"樂山市": "511100",
"南充市": "511300",
"眉山市": "511400",
"宜賓市": "511500",
"廣安市": "511600",
"達州市": "511700",
"雅安市": "511800",
"巴中市": "511900",
"資陽市": "512000",
"阿壩藏族羌族自治州": "513200",
"甘孜藏族自治州": "513300",
"涼山彝族自治州": "513400",
"貴陽市": "520100",
"六盤水市": "520200",
"遵義市": "520300",
"安順市": "520400",
"黔西南布依族苗族自治州": "522300",
"黔東南苗族侗族自治州": "522600",
"黔南布依族苗族自治州": "522700",
"昆明市": "530100",
"曲靖市": "530300",
"玉溪市": "530400",
"保山市": "530500",
"昭通市": "530600",
"麗江市": "530700",
"普洱市": "530800",
"臨滄市": "530900",
"楚雄彝族自治州": "532300",
"紅河哈尼族彝族自治州": "532500",
"文山壯族苗族自治州": "532600",
"西雙版納傣族自治州": "532800",
"大理白族自治州": "532900",
"德巨集傣族景頗族自治州": "533100",
"怒江傈僳族自治州": "533300",
"迪慶藏族自治州": "533400",
"拉薩市": "540100",
"昌都地區": "542100",
"山南地區": "542200",
"日喀則地區": "542300",
"那曲地區": "542400",
"阿里地區": "542500",
"林芝地區": "542600",
"西安市": "610100",
"銅川市": "610200",
"寶雞市": "610300",
"咸陽市": "610400",
"渭南市": "610500",
"延安市": "610600",
"漢中市": "610700",
"榆林市": "610800",
"安康市": "610900",
"商洛市": "61100",
"蘭州市": "620100",
"嘉峪關市": "620200",
"金昌市": "620300",
"白銀市": "620400",
"天水市": "620500",
"武威市": "620600",
"張掖市": "620700",
"平涼市": "620800",
"酒泉市": "620900",
"慶陽市": "62100",
"定西市": "621100",
"隴南市": "621200",
"臨夏回族自治州": "622900",
"甘南藏族自治州": "623000",
"西寧市": "630100",
"海東地區": "632100",
"海北藏族自治州": "632200",
"黃南藏族自治州": "632300",
"海南藏族自治州": "632500",
"果洛藏族自治州": "632600",
"玉樹藏族自治州": "632700",
"海西蒙古族藏族自治州": "632800",
"銀川市": "640100",
"石嘴山市": "640200",
"吳忠市": "640300",
"固原市": "640400",
"中衛市": "640500",
"烏魯木齊市": "650100",
"克拉瑪依市": "650200",
"吐魯番地區": "652100",
"哈密地區": "652200",
"昌吉回族自治州": "652300",
"博爾塔拉蒙古自治州": "652700",
"巴音郭楞蒙古自治州": "652800",
"阿克蘇地區": "652900",
"克孜勒蘇柯爾克孜自治州": "653000",
"喀什地區": "653100",
"和田地區": "653200",
"伊犁哈薩克自治州": "654000",
"塔城地區": "654200",
"阿勒泰地區": "654300",
"自治區直轄縣級行政區劃": "659000",
"臺灣省": "71000",
"香港特別行政區": "810100",
"澳門特別行政區": "820000"
};
var mapGeoData = require('echarts/util/mapData/params');
for(var city in cityMap) {
mapType.push(city);
// 自定義擴充套件圖表型別
mapGeoData.params[city] = {
getGeoJson: (function(c) {
var geoJsonName = cityMap[c];
return function(callback) {
$.getJSON('geoJson/china-main-city/' + geoJsonName + '.json', callback);
}
})(city)
}
}
myChart.on(ecConfig.EVENT.MAP_SELECTED, function(param) {
var len = mapType.length;
var mt = param.target;
var f = false;
for(var i = 0; i < len; i++) {
if(mt == mapType[i]) {
f = true;
mt = mapType[i];
}
}
if(!f) {
mt = 'china';
option.title.text = "全國地圖";
}else{
option.title.text = mt+"地圖";
}
option.tooltip.trigger = 'item';
option.series[0].mapType = mt;
myChart.setOption(option, true);
});
option = {
title: {
text: '全國地圖',
x: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
x: 'left',
data: ['規劃區'],
},


dataRange: {
x: 'left',
y: 'bottom',
splitList: [{
start: 100
}, {
start: 85,
end: 100
}, {
start: 65,
end: 85
}, {
start: 45,
end: 65
}, {
start: 25,
end: 45,
}, {
start: 25,
end: 5,
}, {
end: 5
}],
color: ['#D3776C', '#E19E81', '#FBE8A4']
},
toolbox: {
show: true,
orient: 'vertical',
x: 'right',
y: 'center',
},
series: [{
name: '規劃區',
type: 'map',
mapType: 'china',
selectedMode: 'single',
itemStyle: {
normal: {
label: {
show: true,
textStyle: {
color: "rgb(249, 249, 249)"
}
},
},
emphasis: { label: { show: true } },
},
data: [
{ name: '湖南', value: Math.round(Math.random() * 100) },
{ name: '湖北', value: Math.round(Math.random() * 100) },
{ name: '廣東', value: Math.round(Math.random() * 100) },
{ name: '青海', value: Math.round(Math.random() * 100) },
{ name: '四川', value: Math.round(Math.random() * 100) },
{ name: '海南', value: Math.round(Math.random() * 100) },
{ name: '陝西', value: Math.round(Math.random() * 100) },
{ name: '甘肅', value: Math.round(Math.random() * 100) },
{ name: '雲南', value: Math.round(Math.random() * 100) },
{ name: '黑龍江', value: Math.round(Math.random() * 100) },
{ name: '貴州', value: Math.round(Math.random() * 100) },
{ name: '山東', value: Math.round(Math.random() * 100) },
{ name: '江西', value: Math.round(Math.random() * 100) },
{ name: '河南', value: Math.round(Math.random() * 100) },
{ name: '河北', value: Math.round(Math.random() * 100) },
{ name: '山西', value: Math.round(Math.random() * 100) },
{ name: '安徽', value: Math.round(Math.random() * 100) },
{ name: '福建', value: Math.round(Math.random() * 100) },
{ name: '浙江', value: Math.round(Math.random() * 100) },
{ name: '江蘇', value: Math.round(Math.random() * 100) },
{ name: '吉林', value: Math.round(Math.random() * 100) },
{ name: '遼寧', value: Math.round(Math.random() * 100) },
{ name: '臺灣', value: Math.round(Math.random() * 100) },
{ name: '新疆', value: Math.round(Math.random() * 100) },
{ name: '廣西', value: Math.round(Math.random() * 100) },
{ name: '寧夏', value: Math.round(Math.random() * 100) },
{ name: '內蒙古', value: Math.round(Math.random() * 100) },
{ name: '西藏', value: Math.round(Math.random() * 100) },
{ name: '北京', value: Math.round(Math.random() * 100) },
{ name: '天津', value: Math.round(Math.random() * 100) },
{ name: '重慶', value: Math.round(Math.random() * 100) },
{ name: '上海', value: Math.round(Math.random() * 100) },
{ name: '廣州', value: Math.round(Math.random() * 100) },
{ name: '重慶市', value: Math.round(Math.random() * 100) },
{ name: '北京市', value: Math.round(Math.random() * 100) },
{ name: '天津市', value: Math.round(Math.random() * 100) },
{ name: '上海市', value: Math.round(Math.random() * 100) },
{ name: '香港', value: Math.round(Math.random() * 100) },
{ name: '澳門', value: Math.round(Math.random() * 100) },
{ name: '巴音郭楞蒙古自治州', value: Math.round(Math.random() * 100) },
{ name: '和田地區', value: Math.round(Math.random() * 100) },
{ name: '哈密地區', value: Math.round(Math.random() * 100) },
{ name: '阿克蘇地區', value: Math.round(Math.random() * 100) },
{ name: '阿勒泰地區', value: Math.round(Math.random() * 100) },
{ name: '喀什地區', value: Math.round(Math.random() * 100) },
{ name: '塔城地區', value: Math.round(Math.random() * 100) },
{ name: '昌吉回族自治州', value: Math.round(Math.random() * 100) },
{ name: '克孜勒蘇柯爾克孜自治州', value: Math.round(Math.random() * 100) },
{ name: '吐魯番地區', value: Math.round(Math.random() * 100) },
{ name: '伊犁哈薩克自治州', value: Math.round(Math.random() * 100) },
{ name: '博爾塔拉蒙古自治州', value: Math.round(Math.random() * 100) },
{ name: '烏魯木齊市', value: Math.round(Math.random() * 100) },
{ name: '克拉瑪依市', value: Math.round(Math.random() * 100) },
{ name: '阿拉爾市', value: Math.round(Math.random() * 100) },
{ name: '圖木舒克市', value: Math.round(Math.random() * 100) },
{ name: '五家渠市', value: Math.round(Math.random() * 100) },
{ name: '石河子市', value: Math.round(Math.random() * 100) },
{ name: '那曲地區', value: Math.round(Math.random() * 100) },
{ name: '阿里地區', value: Math.round(Math.random() * 100) },
{ name: '日喀則地區', value: Math.round(Math.random() * 100) },
{ name: '林芝地區', value: Math.round(Math.random() * 100) },
{ name: '昌都地區', value: Math.round(Math.random() * 100) },
{ name: '山南地區', value: Math.round(Math.random() * 100) },
{ name: '拉薩市', value: Math.round(Math.random() * 100) },
{ name: '呼倫貝爾市', value: Math.round(Math.random() * 100) },
{ name: '阿拉善盟', value: Math.round(Math.random() * 100) },
{ name: '錫林郭勒盟', value: Math.round(Math.random() * 100) },
{ name: '鄂爾多斯市', value: Math.round(Math.random() * 100) },
{ name: '赤峰市', value: Math.round(Math.random() * 100) },
{ name: '巴彥淖爾市', value: Math.round(Math.random() * 100) },
{ name: '通遼市', value: Math.round(Math.random() * 100) },
{ name: '烏蘭察布市', value: Math.round(Math.random() * 100) },
{ name: '興安盟', value: Math.round(Math.random() * 100) },
{ name: '包頭市', value: Math.round(Math.random() * 100) },
{ name: '呼和浩特市', value: Math.round(Math.random() * 100) },
{ name: '烏海市', value: Math.round(Math.random() * 100) },
{ name: '海西蒙古族藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '玉樹藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '果洛藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海北藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '黃南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海東地區', value: Math.round(Math.random() * 100) },
{ name: '西寧市', value: Math.round(Math.random() * 100) },
{ name: '甘孜藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '阿壩藏族羌族自治州', value: Math.round(Math.random() * 100) },
{ name: '涼山彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '綿陽市', value: Math.round(Math.random() * 100) },
{ name: '達州市', value: Math.round(Math.random() * 100) },
{ name: '廣元市', value: Math.round(Math.random() * 100) },
{ name: '雅安市', value: Math.round(Math.random() * 100) },
{ name: '宜賓市', value: Math.round(Math.random() * 100) },
{ name: '樂山市', value: Math.round(Math.random() * 100) },
{ name: '南充市', value: Math.round(Math.random() * 100) },
{ name: '巴中市', value: Math.round(Math.random() * 100) },
{ name: '瀘州市', value: Math.round(Math.random() * 100) },
{ name: '成都市', value: Math.round(Math.random() * 100) },
{ name: '資陽市', value: Math.round(Math.random() * 100) },
{ name: '攀枝花市', value: Math.round(Math.random() * 100) },
{ name: '眉山市', value: Math.round(Math.random() * 100) },
{ name: '廣安市', value: Math.round(Math.random() * 100) },
{ name: '德陽市', value: Math.round(Math.random() * 100) },
{ name: '內江市', value: Math.round(Math.random() * 100) },
{ name: '遂寧市', value: Math.round(Math.random() * 100) },
{ name: '自貢市', value: Math.round(Math.random() * 100) },
{ name: '黑河市', value: Math.round(Math.random() * 100) },
{ name: '大興安嶺地區', value: Math.round(Math.random() * 100) },
{ name: '哈爾濱市', value: Math.round(Math.random() * 100) },
{ name: '齊齊哈爾市', value: Math.round(Math.random() * 100) },
{ name: '牡丹江市', value: Math.round(Math.random() * 100) },
{ name: '綏化市', value: Math.round(Math.random() * 100) },
{ name: '伊春市', value: Math.round(Math.random() * 100) },
{ name: '佳木斯市', value: Math.round(Math.random() * 100) },
{ name: '雞西市', value: Math.round(Math.random() * 100) },
{ name: '雙鴨山市', value: Math.round(Math.random() * 100) },
{ name: '大慶市', value: Math.round(Math.random() * 100) },
{ name: '鶴崗市', value: Math.round(Math.random() * 100) },
{ name: '七臺河市', value: Math.round(Math.random() * 100) },
{ name: '酒泉市', value: Math.round(Math.random() * 100) },
{ name: '張掖市', value: Math.round(Math.random() * 100) },
{ name: '甘南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '武威市', value: Math.round(Math.random() * 100) },
{ name: '隴南市', value: Math.round(Math.random() * 100) },
{ name: '慶陽市', value: Math.round(Math.random() * 100) },
{ name: '白銀市', value: Math.round(Math.random() * 100) },
{ name: '定西市', value: Math.round(Math.random() * 100) },
{ name: '天水市', value: Math.round(Math.random() * 100) },
{ name: '蘭州市', value: Math.round(Math.random() * 100) },
{ name: '平涼市', value: Math.round(Math.random() * 100) },
{ name: '臨夏回族自治州', value: Math.round(Math.random() * 100) },
{ name: '金昌市', value: Math.round(Math.random() * 100) },
{ name: '嘉峪關市', value: Math.round(Math.random() * 100) },
{ name: '普洱市', value: Math.round(Math.random() * 100) },
{ name: '紅河哈尼族彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '文山壯族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '曲靖市', value: Math.round(Math.random() * 100) },
{ name: '楚雄彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '大理白族自治州', value: Math.round(Math.random() * 100) },
{ name: '臨滄市', value: Math.round(Math.random() * 100) },
{ name: '迪慶藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '昭通市', value: Math.round(Math.random() * 100) },
{ name: '昆明市', value: Math.round(Math.random() * 100) },
{ name: '麗江市', value: Math.round(Math.random() * 100) },
{ name: '西雙版納傣族自治州', value: Math.round(Math.random() * 100) },
{ name: '保山市', value: Math.round(Math.random() * 100) },
{ name: '玉溪市', value: Math.round(Math.random() * 100) },
{ name: '怒江傈僳族自治州', value: Math.round(Math.random() * 100) },
{ name: '德巨集傣族景頗族自治州', value: Math.round(Math.random() * 100) },
{ name: '百色市', value: Math.round(Math.random() * 100) },
{ name: '河池市', value: Math.round(Math.random() * 100) },
{ name: '桂林市', value: Math.round(Math.random() * 100) },
{ name: '南寧市', value: Math.round(Math.random() * 100) },
{ name: '柳州市', value: Math.round(Math.random() * 100) },
{ name: '崇左市', value: Math.round(Math.random() * 100) },
{ name: '來賓市', value: Math.round(Math.random() * 100) },
{ name: '玉林市', value: Math.round(Math.random() * 100) },
{ name: '梧州市', value: Math.round(Math.random() * 100) },
{ name: '賀州市', value: Math.round(Math.random() * 100) },
{ name: '欽州市', value: Math.round(Math.random() * 100) },
{ name: '貴港市', value: Math.round(Math.random() * 100) },
{ name: '防城港市', value: Math.round(Math.random() * 100) },
{ name: '北海市', value: Math.round(Math.random() * 100) },
{ name: '懷化市', value: Math.round(Math.random() * 100) },
{ name: '永州市', value: Math.round(Math.random() * 100) },
{ name: '邵陽市', value: Math.round(Math.random() * 100) },
{ name: '郴州市', value: Math.round(Math.random() * 100) },
{ name: '常德市', value: Math.round(Math.random() * 100) },
{ name: '湘西土家族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '衡陽市', value: Math.round(Math.random() * 100) },
{ name: '岳陽市', value: Math.round(Math.random() * 100) },
{ name: '益陽市', value: Math.round(Math.random() * 100) },
{ name: '長沙市', value: Math.round(Math.random() * 100) },
{ name: '株洲市', value: Math.round(Math.random() * 100) },
{ name: '張家界市', value: Math.round(Math.random() * 100) },
{ name: '婁底市', value: Math.round(Math.random() * 100) },
{ name: '湘潭市', value: Math.round(Math.random() * 100) },
{ name: '榆林市', value: Math.round(Math.random() * 100) },
{ name: '延安市', value: Math.round(Math.random() * 100) },
{ name: '漢中市', value: Math.round(Math.random() * 100) },
{ name: '安康市', value: Math.round(Math.random() * 100) },
{ name: '商洛市', value: Math.round(Math.random() * 100) },
{ name: '寶雞市', value: Math.round(Math.random() * 100) },
{ name: '渭南市', value: Math.round(Math.random() * 100) },
{ name: '咸陽市', value: Math.round(Math.random() * 100) },
{ name: '西安市', value: Math.round(Math.random() * 100) },
{ name: '銅川市', value: Math.round(Math.random() * 100) },
{ name: '清遠市', value: Math.round(Math.random() * 100) },
{ name: '韶關市', value: Math.round(Math.random() * 100) },
{ name: '湛江市', value: Math.round(Math.random() * 100) },
{ name: '梅州市', value: Math.round(Math.random() * 100) },
{ name: '河源市', value: Math.round(Math.random() * 100) },
{ name: '肇慶市', value: Math.round(Math.random() * 100) },
{ name: '惠州市', value: Math.round(Math.random() * 100) },
{ name: '茂名市', value: Math.round(Math.random() * 100) },
{ name: '江門市', value: Math.round(Math.random() * 100) },
{ name: '陽江市', value: Math.round(Math.random() * 100) },
{ name: '雲浮市', value: Math.round(Math.random() * 100) },
{ name: '廣州市', value: Math.round(Math.random() * 100) },
{ name: '汕尾市', value: Math.round(Math.random() * 100) },
{ name: '揭陽市', value: Math.round(Math.random() * 100) },
{ name: '珠海市', value: Math.round(Math.random() * 100) },
{ name: '佛山市', value: Math.round(Math.random() * 100) },
{ name: '潮州市', value: Math.round(Math.random() * 100) },
{ name: '汕頭市', value: Math.round(Math.random() * 100) },
{ name: '深圳市', value: Math.round(Math.random() * 100) },
{ name: '東莞市', value: Math.round(Math.random() * 100) },
{ name: '中山市', value: Math.round(Math.random() * 100) },
{ name: '延邊朝鮮族自治州', value: Math.round(Math.random() * 100) },
{ name: '吉林市', value: Math.round(Math.random() * 100) },
{ name: '白城市', value: Math.round(Math.random() * 100) },
{ name: '松原市', value: Math.round(Math.random() * 100) },
{ name: '長春市', value: Math.round(Math.random() * 100) },
{ name: '白山市', value: Math.round(Math.random() * 100) },
{ name: '通化市', value: Math.round(Math.random() * 100) },
{ name: '四平市', value: Math.round(Math.random() * 100) },
{ name: '遼源市', value: Math.round(Math.random() * 100) },
{ name: '承德市', value: Math.round(Math.random() * 100) },
{ name: '張家口市', value: Math.round(Math.random() * 100) },
{ name: '保定市', value: Math.round(Math.random() * 100) },
{ name: '唐山市', value: Math.round(Math.random() * 100) },
{ name: '滄州市', value: Math.round(Math.random() * 100) },
{ name: '石家莊市', value: Math.round(Math.random() * 100) },
{ name: '邢臺市', value: Math.round(Math.random() * 100) },
{ name: '邯鄲市', value: Math.round(Math.random() * 100) },
{ name: '秦皇島市', value: Math.round(Math.random() * 100) },
{ name: '衡水市', value: Math.round(Math.random() * 100) },
{ name: '廊坊市', value: Math.round(Math.random() * 100) },
{ name: '恩施土家族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '十堰市', value: Math.round(Math.random() * 100) },
{ name: '宜昌市', value: Math.round(Math.random() * 100) },
{ name: '襄樊市', value: Math.round(Math.random() * 100) },
{ name: '黃岡市', value: Math.round(Math.random() * 100) },
{ name: '荊州市', value: Math.round(Math.random() * 100) },
{ name: '荊門市', value: Math.round(Math.random() * 100) },
{ name: '咸寧市', value: Math.round(Math.random() * 100) },
{ name: '隨州市', value: Math.round(Math.random() * 100) },
{ name: '孝感市', value: Math.round(Math.random() * 100) },
{ name: '武漢市', value: Math.round(Math.random() * 100) },
{ name: '黃石市', value: Math.round(Math.random() * 100) },
{ name: '神農架林區', value: Math.round(Math.random() * 100) },
{ name: '天門市', value: Math.round(Math.random() * 100) },
{ name: '仙桃市', value: Math.round(Math.random() * 100) },
{ name: '潛江市', value: Math.round(Math.random() * 100) },
{ name: '鄂州市', value: Math.round(Math.random() * 100) },
{ name: '遵義市', value: Math.round(Math.random() * 100) },
{ name: '黔東南苗族侗族自治州', value: Math.round(Math.random() * 100) },
{ name: '畢節地區', value: Math.round(Math.random() * 100) },
{ name: '黔南布依族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '銅仁地區', value: Math.round(Math.random() * 100) },
{ name: '黔西南布依族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '六盤水市', value: Math.round(Math.random() * 100) },
{ name: '安順市', value: Math.round(Math.random() * 100) },
{ name: '貴陽市', value: Math.round(Math.random() * 100) },
{ name: '煙臺市', value: Math.round(Math.random() * 100) },
{ name: '臨沂市', value: Math.round(Math.random() * 100) },
{ name: '濰坊市', value: Math.round(Math.random() * 100) },
{ name: '青島市', value: Math.round(Math.random() * 100) },
{ name: '菏澤市', value: Math.round(Math.random() * 100) },
{ name: '濟寧市', value: Math.round(Math.random() * 100) },
{ name: '德州市', value: Math.round(Math.random() * 100) },
{ name: '濱州市', value: Math.round(Math.random() * 100) },
{ name: '聊城市', value: Math.round(Math.random() * 100) },
{ name: '東營市', value: Math.round(Math.random() * 100) },
{ name: '濟南市', value: Math.round(Math.random() * 100) },
{ name: '泰安市', value: Math.round(Math.random() * 100) },
{ name: '威海市', value: Math.round(Math.random() * 100) },
{ name: '日照市', value: Math.round(Math.random() * 100) },
{ name: '淄博市', value: Math.round(Math.random() * 100) },
{ name: '棗莊市', value: Math.round(Math.random() * 100) },
{ name: '萊蕪市', value: Math.round(Math.random() * 100) },
{ name: '贛州市', value: Math.round(Math.random() * 100) },
{ name: '吉安市', value: Math.round(Math.random() * 100) },
{ name: '上饒市', value: Math.round(Math.random() * 100) },
{ name: '九江市', value: Math.round(Math.random() * 100) },
{ name: '撫州市', value: Math.round(Math.random() * 100) },
{ name: '宜春市', value: Math.round(Math.random() * 100) },
{ name: '南昌市', value: Math.round(Math.random() * 100) },
{ name: '景德鎮市', value: Math.round(Math.random() * 100) },
{ name: '萍鄉市', value: Math.round(Math.random() * 100) },
{ name: '鷹潭市', value: Math.round(Math.random() * 100) },
{ name: '新餘市', value: Math.round(Math.random() * 100) },
{ name: '南陽市', value: Math.round(Math.random() * 100) },
{ name: '信陽市', value: Math.round(Math.random() * 100) },
{ name: '洛陽市', value: Math.round(Math.random() * 100) },
{ name: '駐馬店市', value: Math.round(Math.random() * 100) },
{ name: '周口市', value: Math.round(Math.random() * 100) },
{ name: '商丘市', value: Math.round(Math.random() * 100) },
{ name: '三門峽市', value: Math.round(Math.random() * 100) },
{ name: '新鄉市', value: Math.round(Math.random() * 100) },
{ name: '平頂山市', value: Math.round(Math.random() * 100) },
{ name: '鄭州市', value: Math.round(Math.random() * 100) },
{ name: '安陽市', value: Math.round(Math.random() * 100) },
{ name: '開封市', value: Math.round(Math.random() * 100) },
{ name: '焦作市', value: Math.round(Math.random() * 100) },
{ name: '許昌市', value: Math.round(Math.random() * 100) },
{ name: '濮陽市', value: Math.round(Math.random() * 100) },
{ name: '漯河市', value: Math.round(Math.random() * 100) },
{ name: '鶴壁市', value: Math.round(Math.random() * 100) },
{ name: '大連市', value: Math.round(Math.random() * 100) },
{ name: '朝陽市', value: Math.round(Math.random() * 100) },
{ name: '丹東市', value: Math.round(Math.random() * 100) },
{ name: '鐵嶺市', value: Math.round(Math.random() * 100) },
{ name: '瀋陽市', value: Math.round(Math.random() * 100) },
{ name: '撫順市', value: Math.round(Math.random() * 100) },
{ name: '葫蘆島市', value: Math.round(Math.random() * 100) },
{ name: '阜新市', value: Math.round(Math.random() * 100) },
{ name: '錦州市', value: Math.round(Math.random() * 100) },
{ name: '鞍山市', value: Math.round(Math.random() * 100) },
{ name: '本溪市', value: Math.round(Math.random() * 100) },
{ name: '營口市', value: Math.round(Math.random() * 100) },
{ name: '遼陽市', value: Math.round(Math.random() * 100) },
{ name: '盤錦市', value: Math.round(Math.random() * 100) },
{ name: '忻州市', value: Math.round(Math.random() * 100) },
{ name: '呂梁市', value: Math.round(Math.random() * 100) },
{ name: '臨汾市', value: Math.round(Math.random() * 100) },
{ name: '晉中市', value: Math.round(Math.random() * 100) },
{ name: '運城市', value: Math.round(Math.random() * 100) },
{ name: '大同市', value: Math.round(Math.random() * 100) },
{ name: '長治市', value: Math.round(Math.random() * 100) },
{ name: '朔州市', value: Math.round(Math.random() * 100) },
{ name: '晉城市', value: Math.round(Math.random() * 100) },
{ name: '太原市', value: Math.round(Math.random() * 100) },
{ name: '陽泉市', value: Math.round(Math.random() * 100) },
{ name: '六安市', value: Math.round(Math.random() * 100) },
{ name: '安慶市', value: Math.round(Math.random() * 100) },
{ name: '滁州市', value: Math.round(Math.random() * 100) },
{ name: '宣城市', value: Math.round(Math.random() * 100) },
{ name: '阜陽市', value: Math.round(Math.random() * 100) },
{ name: '宿州市', value: Math.round(Math.random() * 100) },
{ name: '黃山市', value: Math.round(Math.random() * 100) },
{ name: '巢湖市', value: Math.round(Math.random() * 100) },
{ name: '亳州市', value: Math.round(Math.random() * 100) },
{ name: '池州市', value: Math.round(Math.random() * 100) },
{ name: '合肥市', value: Math.round(Math.random() * 100) },
{ name: '蚌埠市', value: Math.round(Math.random() * 100) },
{ name: '蕪湖市', value: Math.round(Math.random() * 100) },
{ name: '淮北市', value: Math.round(Math.random() * 100) },
{ name: '淮南市', value: Math.round(Math.random() * 100) },
{ name: '馬鞍山市', value: Math.round(Math.random() * 100) },
{ name: '銅陵市', value: Math.round(Math.random() * 100) },
{ name: '南平市', value: Math.round(Math.random() * 100) },
{ name: '三明市', value: Math.round(Math.random() * 100) },
{ name: '龍巖市', value: Math.round(Math.random() * 100) },
{ name: '寧德市', value: Math.round(Math.random() * 100) },
{ name: '福州市', value: Math.round(Math.random() * 100) },
{ name: '漳州市', value: Math.round(Math.random() * 100) },
{ name: '泉州市', value: Math.round(Math.random() * 100) },
{ name: '莆田市', value: Math.round(Math.random() * 100) },
{ name: '廈門市', value: Math.round(Math.random() * 100) },
{ name: '麗水市', value: Math.round(Math.random() * 100) },
{ name: '杭州市', value: Math.round(Math.random() * 100) },
{ name: '溫州市', value: Math.round(Math.random() * 100) },
{ name: '寧波市', value: Math.round(Math.random() * 100) },
{ name: '舟山市', value: Math.round(Math.random() * 100) },
{ name: '台州市', value: Math.round(Math.random() * 100) },
{ name: '金華市', value: Math.round(Math.random() * 100) },
{ name: '衢州市', value: Math.round(Math.random() * 100) },
{ name: '紹興市', value: Math.round(Math.random() * 100) },
{ name: '嘉興市', value: Math.round(Math.random() * 100) },
{ name: '湖州市', value: Math.round(Math.random() * 100) },
{ name: '鹽城市', value: Math.round(Math.random() * 100) },
{ name: '徐州市', value: Math.round(Math.random() * 100) },
{ name: '南通市', value: Math.round(Math.random() * 100) },
{ name: '淮安市', value: Math.round(Math.random() * 100) },
{ name: '蘇州市', value: Math.round(Math.random() * 100) },
{ name: '宿遷市', value: Math.round(Math.random() * 100) },
{ name: '連雲港市', value: Math.round(Math.random() * 100) },
{ name: '揚州市', value: Math.round(Math.random() * 100) },
{ name: '南京市', value: Math.round(Math.random() * 100) },
{ name: '泰州市', value: Math.round(Math.random() * 100) },
{ name: '無錫市', value: Math.round(Math.random() * 100) },
{ name: '常州市', value: Math.round(Math.random() * 100) },
{ name: '鎮江市', value: Math.round(Math.random() * 100) },
{ name: '吳忠市', value: Math.round(Math.random() * 100) },
{ name: '中衛市', value: Math.round(Math.random() * 100) },
{ name: '固原市', value: Math.round(Math.random() * 100) },
{ name: '銀川市', value: Math.round(Math.random() * 100) },
{ name: '石嘴山市', value: Math.round(Math.random() * 100) },
{ name: '儋州市', value: Math.round(Math.random() * 100) },
{ name: '文昌市', value: Math.round(Math.random() * 100) },
{ name: '樂東黎族自治縣', value: Math.round(Math.random() * 100) },
{ name: '三亞市', value: Math.round(Math.random() * 100) },
{ name: '瓊中黎族苗族自治縣', value: Math.round(Math.random() * 100) },
{ name: '東方市', value: Math.round(Math.random() * 100) },
{ name: '海口市', value: Math.round(Math.random() * 100) },
{ name: '萬寧市', value: Math.round(Math.random() * 100) },
{ name: '澄邁縣', value: Math.round(Math.random() * 100) },
{ name: '白沙黎族自治縣', value: Math.round(Math.random() * 100) },
{ name: '瓊海市', value: Math.round(Math.random() * 100) },
{ name: '昌江黎族自治縣', value: Math.round(Math.random() * 100) },
{ name: '臨高縣', value: Math.round(Math.random() * 100) },
{ name: '陵水黎族自治縣', value: Math.round(Math.random() * 100) },
{ name: '屯昌縣', value: Math.round(Math.random() * 100) },
{ name: '定安縣', value: Math.round(Math.random() * 100) },
{ name: '保亭黎族苗族自治縣', value: Math.round(Math.random() * 100) },
{ name: '五指山市', value: Math.round(Math.random() * 100) },
{ name: '長沙縣', value: Math.round(Math.random() * 100) },
{ name: '寧鄉縣', value: Math.round(Math.random() * 100) },
{ name: '瀏陽市', value: Math.round(Math.random() * 100) },
{ name: '長沙縣', value: Math.round(Math.random() * 100) },
{ name: '開福區', value: Math.round(Math.random() * 100) },
{ name: '芙蓉區', value: Math.round(Math.random() * 100) },
{ name: '雨花區', value: Math.round(Math.random() * 100) },
{ name: '望城區', value: Math.round(Math.random() * 100) },
{ name: '天心區', value: Math.round(Math.random() * 100) },
{ name: '嶽麓區', value: Math.round(Math.random() * 100) },
]
}]
};


// 為echarts物件載入資料 
myChart.setOption(option);
}
);

原始碼:

<!DOCTYPE html>

<head>
	<meta charset="utf-8">
	<title>ECharts</title>
</head>

<body>
	<!-- 為ECharts準備一個具備大小(寬高)的Dom -->
	<div id="main" style="height:600px"></div>
	<!-- ECharts單檔案引入 -->
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script type="text/javascript">
		// 路徑配置
		require.config({
			paths: {
				echarts: 'http://echarts.baidu.com/build/dist'
			}
		});

		// 使用
		require(
			[
				'echarts',
				'echarts/chart/map' // 使用柱狀圖就載入bar模組,按需載入
			],
			function(ec) {
				// 基於準備好的dom,初始化echarts圖表
				var myChart = ec.init(document.getElementById('main'));
				var ecConfig = require('echarts/config');
				var zrEvent = require('zrender/tool/event');
				var curIndx = 0;
				var mapType = [
					'china',
					// 23個省
					'廣東', '青海', '四川', '海南', '陝西',
					'甘肅', '雲南', '湖南', '湖北', '黑龍江',
					'貴州', '山東', '江西', '河南', '河北',
					'山西', '安徽', '福建', '浙江', '江蘇',
					'吉林', '遼寧', '臺灣',
					// 5個自治區
					'新疆', '廣西', '寧夏', '內蒙古', '西藏',
					// 4個直轄市
					'北京', '天津', '上海', '重慶',
					// 2個特別行政區
					'香港', '澳門',
				];
				var cityMap = {
					"北京市": "110100",
					"天津市": "120100",
					"上海市": "310100",
					"重慶市": "500100",

					"崇明縣": "310200", // 
					"湖北省直轄縣市": "429000", // 
					"銅仁市": "522200", // 
					"畢節市": "522400", // 

					"石家莊市": "130100",
					"唐山市": "130200",
					"秦皇島市": "130300",
					"邯鄲市": "130400",
					"邢臺市": "130500",
					"保定市": "130600",
					"張家口市": "130700",
					"承德市": "130800",
					"滄州市": "130900",
					"廊坊市": "13100",
					"衡水市": "131100",
					"太原市": "140100",
					"大同市": "140200",
					"陽泉市": "140300",
					"長治市": "140400",
					"晉城市": "140500",
					"朔州市": "140600",
					"晉中市": "140700",
					"運城市": "140800",
					"忻州市": "140900",
					"臨汾市": "14100",
					"呂梁市": "141100",
					"呼和浩特市": "150100",
					"包頭市": "150200",
					"烏海市": "150300",
					"赤峰市": "150400",
					"通遼市": "150500",
					"鄂爾多斯市": "150600",
					"呼倫貝爾市": "150700",
					"巴彥淖爾市": "150800",
					"烏蘭察布市": "150900",
					"興安盟": "152200",
					"錫林郭勒盟": "152500",
					"阿拉善盟": "152900",
					"瀋陽市": "210100",
					"大連市": "210200",
					"鞍山市": "210300",
					"撫順市": "210400",
					"本溪市": "210500",
					"丹東市": "210600",
					"錦州市": "210700",
					"營口市": "210800",
					"阜新市": "210900",
					"遼陽市": "21100",
					"盤錦市": "211100",
					"鐵嶺市": "211200",
					"朝陽市": "211300",
					"葫蘆島市": "211400",
					"長春市": "220100",
					"吉林市": "220200",
					"四平市": "220300",
					"遼源市": "220400",
					"通化市": "220500",
					"白山市": "220600",
					"松原市": "220700",
					"白城市": "220800",
					"延邊朝鮮族自治州": "222400",
					"哈爾濱市": "230100",
					"齊齊哈爾市": "230200",
					"雞西市": "230300",
					"鶴崗市": "230400",
					"雙鴨山市": "230500",
					"大慶市": "230600",
					"伊春市": "230700",
					"佳木斯市": "230800",
					"七臺河市": "230900",
					"牡丹江市": "23100",
					"黑河市": "231100",
					"綏化市": "231200",
					"大興安嶺地區": "232700",
					"南京市": "320100",
					"無錫市": "320200",
					"徐州市": "320300",
					"常州市": "320400",
					"蘇州市": "320500",
					"南通市": "320600",
					"連雲港市": "320700",
					"淮安市": "320800",
					"鹽城市": "320900",
					"揚州市": "32100",
					"鎮江市": "321100",
					"泰州市": "321200",
					"宿遷市": "321300",
					"杭州市": "330100",
					"寧波市": "330200",
					"溫州市": "330300",
					"嘉興市": "330400",
					"湖州市": "330500",
					"紹興市": "330600",
					"金華市": "330700",
					"衢州市": "330800",
					"舟山市": "330900",
					"台州市": "33100",
					"麗水市": "331100",
					"合肥市": "340100",
					"蕪湖市": "340200",
					"蚌埠市": "340300",
					"淮南市": "340400",
					"馬鞍山市": "340500",
					"淮北市": "340600",
					"銅陵市": "340700",
					"安慶市": "340800",
					"黃山市": "34100",
					"滁州市": "341100",
					"阜陽市": "341200",
					"宿州市": "341300",
					"六安市": "341500",
					"亳州市": "341600",
					"池州市": "341700",
					"宣城市": "341800",
					"福州市": "350100",
					"廈門市": "350200",
					"莆田市": "350300",
					"三明市": "350400",
					"泉州市": "350500",
					"漳州市": "350600",
					"南平市": "350700",
					"龍巖市": "350800",
					"寧德市": "350900",
					"南昌市": "360100",
					"景德鎮市": "360200",
					"萍鄉市": "360300",
					"九江市": "360400",
					"新餘市": "360500",
					"鷹潭市": "360600",
					"贛州市": "360700",
					"吉安市": "360800",
					"宜春市": "360900",
					"撫州市": "36100",
					"上饒市": "361100",
					"濟南市": "370100",
					"青島市": "370200",
					"淄博市": "370300",
					"棗莊市": "370400",
					"東營市": "370500",
					"煙臺市": "370600",
					"濰坊市": "370700",
					"濟寧市": "370800",
					"泰安市": "370900",
					"威海市": "37100",
					"日照市": "371100",
					"萊蕪市": "371200",
					"臨沂市": "371300",
					"德州市": "371400",
					"聊城市": "371500",
					"濱州市": "371600",
					"菏澤市": "371700",
					"鄭州市": "410100",
					"開封市": "410200",
					"洛陽市": "410300",
					"平頂山市": "410400",
					"安陽市": "410500",
					"鶴壁市": "410600",
					"新鄉市": "410700",
					"焦作市": "410800",
					"濮陽市": "410900",
					"許昌市": "41100",
					"漯河市": "411100",
					"三門峽市": "411200",
					"南陽市": "411300",
					"商丘市": "411400",
					"信陽市": "411500",
					"周口市": "411600",
					"駐馬店市": "411700",
					"省直轄縣級行政區劃": "469000",
					"武漢市": "420100",
					"黃石市": "420200",
					"十堰市": "420300",
					"宜昌市": "420500",
					"襄陽市": "420600",
					"鄂州市": "420700",
					"荊門市": "420800",
					"孝感市": "420900",
					"荊州市": "42100",
					"黃岡市": "421100",
					"咸寧市": "421200",
					"隨州市": "421300",
					"恩施土家族苗族自治州": "422800",
					"長沙市": "430100",
					"株洲市": "430200",
					"湘潭市": "430300",
					"衡陽市": "430400",
					"邵陽市": "430500",
					"岳陽市": "430600",
					"常德市": "430700",
					"張家界市": "430800",
					"益陽市": "430900",
					"郴州市": "43100",
					"永州市": "431100",
					"懷化市": "431200",
					"婁底市": "431300",
					"湘西土家族苗族自治州": "433100",
					"廣州市": "440100",
					"韶關市": "440200",
					"深圳市": "440300",
					"珠海市": "440400",
					"汕頭市": "440500",
					"佛山市": "440600",
					"江門市": "440700",
					"湛江市": "440800",
					"茂名市": "440900",
					"肇慶市": "441200",
					"惠州市": "441300",
					"梅州市": "441400",
					"汕尾市": "441500",
					"河源市": "441600",
					"陽江市": "441700",
					"清遠市": "441800",
					"東莞市": "441900",
					"中山市": "442000",
					"潮州市": "445100",
					"揭陽市": "445200",
					"雲浮市": "445300",
					"南寧市": "450100",
					"柳州市": "450200",
					"桂林市": "450300",
					"梧州市": "450400",
					"北海市": "450500",
					"防城港市": "450600",
					"欽州市": "450700",
					"貴港市": "450800",
					"玉林市": "450900",
					"百色市": "45100",
					"賀州市": "451100",
					"河池市": "451200",
					"來賓市": "451300",
					"崇左市": "451400",
					"海口市": "460100",
					"三亞市": "460200",
					"三沙市": "460300",
					"成都市": "510100",
					"自貢市": "510300",
					"攀枝花市": "510400",
					"瀘州市": "510500",
					"德陽市": "510600",
					"綿陽市": "510700",
					"廣元市": "510800",
					"遂寧市": "510900",
					"內江市": "51100",
					"樂山市": "511100",
					"南充市": "511300",
					"眉山市": "511400",
					"宜賓市": "511500",
					"廣安市": "511600",
					"達州市": "511700",
					"雅安市": "511800",
					"巴中市": "511900",
					"資陽市": "512000",
					"阿壩藏族羌族自治州": "513200",
					"甘孜藏族自治州": "513300",
					"涼山彝族自治州": "513400",
					"貴陽市": "520100",
					"六盤水市": "520200",
					"遵義市": "520300",
					"安順市": "520400",
					"黔西南布依族苗族自治州": "522300",
					"黔東南苗族侗族自治州": "522600",
					"黔南布依族苗族自治州": "522700",
					"昆明市": "530100",
					"曲靖市": "530300",
					"玉溪市": "530400",
					"保山市": "530500",
					"昭通市": "530600",
					"麗江市": "530700",
					"普洱市": "530800",
					"臨滄市": "530900",
					"楚雄彝族自治州": "532300",
					"紅河哈尼族彝族自治州": "532500",
					"文山壯族苗族自治州": "532600",
					"西雙版納傣族自治州": "532800",
					"大理白族自治州": "532900",
					"德巨集傣族景頗族自治州": "533100",
					"怒江傈僳族自治州": "533300",
					"迪慶藏族自治州": "533400",
					"拉薩市": "540100",
					"昌都地區": "542100",
					"山南地區": "542200",
					"日喀則地區": "542300",
					"那曲地區": "542400",
					"阿里地區": "542500",
					"林芝地區": "542600",
					"西安市": "610100",
					"銅川市": "610200",
					"寶雞市": "610300",
					"咸陽市": "610400",
					"渭南市": "610500",
					"延安市": "610600",
					"漢中市": "610700",
					"榆林市": "610800",
					"安康市": "610900",
					"商洛市": "61100",
					"蘭州市": "620100",
					"嘉峪關市": "620200",
					"金昌市": "620300",
					"白銀市": "620400",
					"天水市": "620500",
					"武威市": "620600",
					"張掖市": "620700",
					"平涼市": "620800",
					"酒泉市": "620900",
					"慶陽市": "62100",
					"定西市": "621100",
					"隴南市": "621200",
					"臨夏回族自治州": "622900",
					"甘南藏族自治州": "623000",
					"西寧市": "630100",
					"海東地區": "632100",
					"海北藏族自治州": "632200",
					"黃南藏族自治州": "632300",
					"海南藏族自治州": "632500",
					"果洛藏族自治州": "632600",
					"玉樹藏族自治州": "632700",
					"海西蒙古族藏族自治州": "632800",
					"銀川市": "640100",
					"石嘴山市": "640200",
					"吳忠市": "640300",
					"固原市": "640400",
					"中衛市": "640500",
					"烏魯木齊市": "650100",
					"克拉瑪依市": "650200",
					"吐魯番地區": "652100",
					"哈密地區": "652200",
					"昌吉回族自治州": "652300",
					"博爾塔拉蒙古自治州": "652700",
					"巴音郭楞蒙古自治州": "652800",
					"阿克蘇地區": "652900",
					"克孜勒蘇柯爾克孜自治州": "653000",
					"喀什地區": "653100",
					"和田地區": "653200",
					"伊犁哈薩克自治州": "654000",
					"塔城地區": "654200",
					"阿勒泰地區": "654300",
					"自治區直轄縣級行政區劃": "659000",
					"臺灣省": "71000",
					"香港特別行政區": "810100",
					"澳門特別行政區": "820000"
				};
				var mapGeoData = require('echarts/util/mapData/params');
				for(var city in cityMap) {
					mapType.push(city);
					// 自定義擴充套件圖表型別
					mapGeoData.params[city] = {
						getGeoJson: (function(c) {
							var geoJsonName = cityMap[c];
							return function(callback) {
								$.getJSON('geoJson/china-main-city/' + geoJsonName + '.json', callback);
							}
						})(city)
					}
				}
				myChart.on(ecConfig.EVENT.MAP_SELECTED, function(param) {
					var len = mapType.length;
					var mt = param.target;
					var f = false;
					for(var i = 0; i < len; i++) {
						if(mt == mapType[i]) {
							f = true;
							mt = mapType[i];
						}
					}
					if(!f) {
						mt = 'china';
						option.title.text = "全國地圖";
					}else{
						option.title.text = mt+"地圖";
					}
					option.tooltip.trigger = 'item';
					option.series[0].mapType = mt;					
					myChart.setOption(option, true);
				});
				option = {
					title: {
						text: '全國地圖',
						x: 'center'
					},
					tooltip: {
						trigger: 'item'
					},
					legend: {
						orient: 'vertical',
						x: 'left',
						data: ['規劃區'],
					},

					dataRange: {
						x: 'left',
						y: 'bottom',
						splitList: [{
							start: 100
						}, {
							start: 85,
							end: 100
						}, {
							start: 65,
							end: 85
						}, {
							start: 45,
							end: 65
						}, {
							start: 25,
							end: 45,
						}, {
							start: 25,
							end: 5,
						}, {
							end: 5
						}],
						color: ['#D3776C', '#E19E81', '#FBE8A4']
					},
					toolbox: {
						show: true,
						orient: 'vertical',
						x: 'right',
						y: 'center',
					},
					series: [{
						name: '規劃區',
						type: 'map',
						mapType: 'china',
						selectedMode: 'single',
						itemStyle: {
							normal: {
								label: {
									show: true,
									textStyle: {
										color: "rgb(249, 249, 249)"
									}
								},
							},
							emphasis: { label: { show: true } },
						},
						data: [
							{ name: '湖南', value: Math.round(Math.random() * 100) },
							{ name: '湖北', value: Math.round(Math.random() * 100) },
							{ name: '廣東', value: Math.round(Math.random() * 100) },
							{ name: '青海', value: Math.round(Math.random() * 100) },
							{ name: '四川', value: Math.round(Math.random() * 100) },
							{ name: '海南', value: Math.round(Math.random() * 100) },
							{ name: '陝西', value: Math.round(Math.random() * 100) },
							{ name: '甘肅', value: Math.round(Math.random() * 100) },
							{ name: '雲南', value: Math.round(Math.random() * 100) },
							{ name: '黑龍江', value: Math.round(Math.random() * 100) },
							{ name: '貴州', value: Math.round(Math.random() * 100) },
							{ name: '山東', value: Math.round(Math.random() * 100) },
							{ name: '江西', value: Math.round(Math.random() * 100) },
							{ name: '河南', value: Math.round(Math.random() * 100) },
							{ name: '河北', value: Math.round(Math.random() * 100) },
							{ name: '山西', value: Math.round(Math.random() * 100) },
							{ name: '安徽', value: Math.round(Math.random() * 100) },
							{ name: '福建', value: Math.round(Math.random() * 100) },
							{ name: '浙江', value: Math.round(Math.random() * 100) },
							{ name: '江蘇', value: Math.round(Math.random() * 100) },
							{ name: '吉林', value: Math.round(Math.random() * 100) },
							{ name: '遼寧', value: Math.round(Math.random() * 100) },
							{ name: '臺灣', value: Math.round(Math.random() * 100) },
							{ name: '新疆', value: Math.round(Math.random() * 100) },
							{ name: '廣西', value: Math.round(Math.random() * 100) },
							{ name: '寧夏', value: Math.round(Math.random() * 100) },		
							{ name: '內蒙古', value: Math.round(Math.random() * 100) },
							{ name: '西藏', value: Math.round(Math.random() * 100) },
							{ name: '北京', value: Math.round(Math.random() * 100) },
							{ name: '天津', value: Math.round(Math.random() * 100) },
							{ name: '重慶', value: Math.round(Math.random() * 100) },	
							{ name: '上海', value: Math.round(Math.random() * 100) },
							{ name: '廣州', value: Math.round(Math.random() * 100) },
							{ name: '重慶市', value: Math.round(Math.random() * 100) },
							{ name: '北京市', value: Math.round(Math.random() * 100) },
							{ name: '天津市', value: Math.round(Math.random() * 100) },
							{ name: '上海市', value: Math.round(Math.random() * 100) },
							{ name: '香港', value: Math.round(Math.random() * 100) },
							{ name: '澳門', value: Math.round(Math.random() * 100) },
							{ name: '巴音郭楞蒙古自治州', value: Math.round(Math.random() * 100) },
							{ name: '和田地區', value: Math.round(Math.random() * 100) },
							{ name: '哈密地區', value: Math.round(Math.random() * 100) },
							{ name: '阿克蘇地區', value: Math.round(Math.random() * 100) },
							{ name: '阿勒泰地區', value: Math.round(Math.random() * 100) },
							{ name: '喀什地區', value: Math.round(Math.random() * 100) },
							{ name: '塔城地區', value: Math.round(Math.random() * 100) },
							{ name: '昌吉回族自治州', value: Math.round(Math.random() * 100) },
							{ name: '克孜勒蘇柯爾克孜自治州', value: Math.round(Math.random() * 100) },
							{ name: '吐魯番地區', value: Math.round(Math.random() * 100) },
							{ name: '伊犁哈薩克自治州', value: Math.round(Math.random() * 100) },
							{ name: '博爾塔拉蒙古自治州', value: Math.round(Math.random() * 100) },
							{ name: '烏魯木齊市', value: Math.round(Math.random() * 100) },
							{ name: '克拉瑪依市', value: Math.round(Math.random() * 100) },
							{ name: '阿拉爾市', value: Math.round(Math.random() * 100) },
							{ name: '圖木舒克市', value: Math.round(Math.random() * 100) },
							{ name: '五家渠市', value: Math.round(Math.random() * 100) },
							{ name: '石河子市', value: Math.round(Math.random() * 100) },
							{ name: '那曲地區', value: Math.round(Math.random() * 100) },
							{ name: '阿里地區', value: Math.round(Math.random() * 100) },
							{ name: '日喀則地區', value: Math.round(Math.random() * 100) },
							{ name: '林芝地區', value: Math.round(Math.random() * 100) },
							{ name: '昌都地區', value: Math.round(Math.random() * 100) },
							{ name: '山南地區', value: Math.round(Math.random() * 100) },
							{ name: '拉薩市', value: Math.round(Math.random() * 100) },
							{ name: '呼倫貝爾市', value: Math.round(Math.random() * 100) },
							{ name: '阿拉善盟', value: Math.round(Math.random() * 100) },
							{ name: '錫林郭勒盟', value: Math.round(Math.random() * 100) },
							{ name: '鄂爾多斯市', value: Math.round(Math.random() * 100) },
							{ name: '赤峰市', value: Math.round(Math.random() * 100) },
							{ name: '巴彥淖爾市', value: Math.round(Math.random() * 100) },
							{ name: '通遼市', value: Math.round(Math.random() * 100) },
							{ name: '烏蘭察布市', value: Math.round(Math.random() * 100) },
							{ name: '興安盟', value: Math.round(Math.random() * 100) },
							{ name: '包頭市', value: Math.round(Math.random() * 100) },
							{ name: '呼和浩特市', value: Math.round(Math.random() * 100) },
							{ name: '烏海市', value: Math.round(Math.random() * 100) },
							{ name: '海西蒙古族藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '玉樹藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '果洛藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海北藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '黃南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海東地區', value: Math.round(Math.random() * 100) },
							{ name: '西寧市', value: Math.round(Math.random() * 100) },
							{ name: '甘孜藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '阿壩藏族羌族自治州', value: Math.round(Math.random() * 100) },
							{ name: '涼山彝族自治州', value: Math.round(Math.random() * 100) },
							{ name: '綿陽市', value: Math.round(Math.random() * 100) },
							{ name: '達州市', value: Math.round(Math.random() * 100) },
							{ name: '廣元市', value: Math.round(Math.random() * 100) },
							{ name: '雅安市', value: Math.round(Math.random() * 100) },
							{ name: '宜賓市', value: Math.round(Math.random() * 100) },
							{ name: '樂山市', value: Math.round(Math.random() * 100) },
							{ name: '南充市', value: Math.round(Math.random() * 100) },
							{ name: '巴中市', value: Math.round(Math.random() * 100) },
							{ name: '瀘州市', value: Math.round(Math.random() * 100) },
							{ name: '成都市', value: Math.round(Math.random() * 100) },
							{ name: '資陽市', value: Math.round(Math.random() * 100) },
							{ name: '攀枝花市', value: Math.round(Math.random() * 100) },
							{ name: '眉山市', value: Math.round(Math.random() * 100) },
							{ name: '廣安市', value: Math.round(Math.random() * 100) },
							{ name: '德陽市', value: Math.round(Math.random() * 100) },
							{ name: '內江市', value: Math.round(Math.random() * 100) },
							{ name: '遂寧市', value: Math.round(Math.random() * 100) },
							{ name: '自貢市', value: Math.round(Math.random() * 100) },
							{ name: '黑河市', value: Math.round(Math.random() * 100) },
							{ name: '大興安嶺地區', value: Math.round(Math.random() * 100) },
							{ name: '哈爾濱市', value: Math.round(Math.random() * 100) },
							{ name: '齊齊哈爾市', value: Math.round(Math.random() * 100) },
							{ name: '牡丹江市', value: Math.round(Math.random() * 100) },
							{ name: '綏化市', value: Math.round(Math.random() * 100) },
							{ name: '伊春市', value: Math.round(Math.random() * 100) },
							{ name: '佳木斯市', value: Math.round(Math.random() * 100) },
							{ name: '雞西市', value: Math.round(Math.random() * 100) },
							{ name: '雙鴨山市', value: Math.round(Math.random() * 100) },
							{ name: '大慶市', value: Math.round(Math.random() * 100) },
							{ name: '鶴崗市', value: Math.round(Math.random() * 100) },
							{ name: '七臺河市', value: Math.round(Math.random() * 100) },
							{ name: '酒泉市', value: Math.round(Math.random() * 100) },
							{ name: '張掖市', value: Math.round(Math.random() * 100) },
							{ name: '甘南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '武威市', value: Math.round(Math.random() * 100) },
							{ name: '隴南市', value: Math.round(Math.random() * 100) },
							{ name: '慶陽市', value: Math.round(Math.random() * 100) },
							{ name: '白銀市', value: Math.round(Math.random() * 100) },
							{ name: '定西市', value: Math.round(Math.random() * 100) },
							{ name: '天水市', value: Math.round(Math.random() * 100) },
							{ name: '蘭州市', value: Math.round(Math.random() * 100) },
							{ name: '平涼市', value: Math.round(Math.random() * 100) },
							{ name: '臨夏回族自治州', value: Math.round(Math.random() * 100) },
							{ name: '金昌市', value: Math.round(Math.random() * 100) },
							{ name: '嘉峪關市', value: Math.round(Math.random() * 100) },
							{ name: '普洱市', value: Math.round(Math.random() *