二、echarts地圖從全國進省從省進市
阿新 • • 發佈:2019-01-27
這次講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() *