**準備工作:**
1.首先使用vue-cli的腳手架生成vue項目荧嵌。
2.然后使用npm安裝echarts
npm install echarts -S
3.安裝完后再mian.js中掛載到vue的實例上使用,當然你也可以哪里需要在再哪里引入
引入:
import echarts from 'echarts' // e-charts
掛載:
Vue.prototype.$echarts = echarts
**開始使用**
這里我是直接寫在當前文件夾中,并沒有封裝在公共組件中,下一篇在接著講怎么把echarts封裝成組件
1.需要把視圖裝著的容器? <div id="main style="width: 100%;height:800px;"></div>
2.把echarts的邏輯代碼寫在methods:{}中,然后在調(diào)用這個方法
? mounted () {
? ? this.mapChart()
? },
? 3.方法編寫:直接上代碼
? ? methods: {
? ? mapChart () {
? ? ? var myMapChart = this.$echarts.init(document.getElementById('main'))
? ? ? // 34個省、市、自治區(qū)的名字拼音映射數(shù)組
? ? ? var provinces = {
? ? ? ? // 23個省
? ? ? ? 臺灣: 'taiwan',
? ? ? ? 河北: 'hebei',
? ? ? ? 山西: 'shanxi',
? ? ? ? 遼寧: 'liaoning',
? ? ? ? 吉林: 'jilin',
? ? ? ? 黑龍江: 'heilongjiang',
? ? ? ? 江蘇: 'jiangsu',
? ? ? ? 浙江: 'zhejiang',
? ? ? ? 安徽: 'anhui',
? ? ? ? 福建: 'fujian',
? ? ? ? 江西: 'jiangxi',
? ? ? ? 山東: 'shandong',
? ? ? ? 河南: 'henan',
? ? ? ? 湖北: 'hubei',
? ? ? ? 湖南: 'hunan',
? ? ? ? 廣東: 'guangdong',
? ? ? ? 海南: 'hainan',
? ? ? ? 四川: 'sichuan',
? ? ? ? 貴州: 'guizhou',
? ? ? ? 云南: 'yunnan',
? ? ? ? 陜西: 'shanxi1',
? ? ? ? 甘肅: 'gansu',
? ? ? ? 青海: 'qinghai',
? ? ? ? // 5個自治區(qū)
? ? ? ? 新疆: 'xinjiang',
? ? ? ? 廣西: 'guangxi',
? ? ? ? 內(nèi)蒙古: 'neimenggu',
? ? ? ? 寧夏: 'ningxia',
? ? ? ? 西藏: 'xizang',
? ? ? ? // 4個直轄市
? ? ? ? 北京: 'beijing',
? ? ? ? 天津: 'tianjin',
? ? ? ? 上海: 'shanghai',
? ? ? ? 重慶: 'chongqing',
? ? ? ? // 2個特別行政區(qū)
? ? ? ? 香港: 'xianggang',
? ? ? ? 澳門: 'aomen'
? ? ? }
? ? ? var cityMap = {
? ? ? ? 北京市: '110100',
? ? ? ? 天津市: '120100',
? ? ? ? 上海市: '310100',
? ? ? ? 重慶市: '500100',
? ? ? ? 崇明縣: '310200',
? ? ? ? 湖北省直轄縣市: '429000',
? ? ? ? 銅仁市: '522200',
? ? ? ? 畢節(jié)市: '522400',
? ? ? ? 石家莊市: '130100',
? ? ? ? 唐山市: '130200',
? ? ? ? 秦皇島市: '130300',
? ? ? ? 邯鄲市: '130400',
? ? ? ? 邢臺市: '130500',
? ? ? ? 保定市: '130600',
? ? ? ? 張家口市: '130700',
? ? ? ? 承德市: '130800',
? ? ? ? 滄州市: '130900',
? ? ? ? 廊坊市: '131000',
? ? ? ? 衡水市: '131100',
? ? ? ? 太原市: '140100',
? ? ? ? 大同市: '140200',
? ? ? ? 陽泉市: '140300',
? ? ? ? 長治市: '140400',
? ? ? ? 晉城市: '140500',
? ? ? ? 朔州市: '140600',
? ? ? ? 晉中市: '140700',
? ? ? ? 運城市: '140800',
? ? ? ? 忻州市: '140900',
? ? ? ? 臨汾市: '141000',
? ? ? ? 呂梁市: '141100',
? ? ? ? 呼和浩特市: '150100',
? ? ? ? 包頭市: '150200',
? ? ? ? 烏海市: '150300',
? ? ? ? 赤峰市: '150400',
? ? ? ? 通遼市: '150500',
? ? ? ? 鄂爾多斯市: '150600',
? ? ? ? 呼倫貝爾市: '150700',
? ? ? ? 巴彥淖爾市: '150800',
? ? ? ? 烏蘭察布市: '150900',
? ? ? ? 興安盟: '152200',
? ? ? ? 錫林郭勒盟: '152500',
? ? ? ? 阿拉善盟: '152900',
? ? ? ? 沈陽市: '210100',
? ? ? ? 大連市: '210200',
? ? ? ? 鞍山市: '210300',
? ? ? ? 撫順市: '210400',
? ? ? ? 本溪市: '210500',
? ? ? ? 丹東市: '210600',
? ? ? ? 錦州市: '210700',
? ? ? ? 營口市: '210800',
? ? ? ? 阜新市: '210900',
? ? ? ? 遼陽市: '211000',
? ? ? ? 盤錦市: '211100',
? ? ? ? 鐵嶺市: '211200',
? ? ? ? 朝陽市: '211300',
? ? ? ? 葫蘆島市: '211400',
? ? ? ? 長春市: '220100',
? ? ? ? 吉林市: '220200',
? ? ? ? 四平市: '220300',
? ? ? ? 遼源市: '220400',
? ? ? ? 通化市: '220500',
? ? ? ? 白山市: '220600',
? ? ? ? 松原市: '220700',
? ? ? ? 白城市: '220800',
? ? ? ? 延邊朝鮮族自治州: '222400',
? ? ? ? 哈爾濱市: '230100',
? ? ? ? 齊齊哈爾市: '230200',
? ? ? ? 雞西市: '230300',
? ? ? ? 鶴崗市: '230400',
? ? ? ? 雙鴨山市: '230500',
? ? ? ? 大慶市: '230600',
? ? ? ? 伊春市: '230700',
? ? ? ? 佳木斯市: '230800',
? ? ? ? 七臺河市: '230900',
? ? ? ? 牡丹江市: '231000',
? ? ? ? 黑河市: '231100',
? ? ? ? 綏化市: '231200',
? ? ? ? 大興安嶺地區(qū): '232700',
? ? ? ? 南京市: '320100',
? ? ? ? 無錫市: '320200',
? ? ? ? 徐州市: '320300',
? ? ? ? 常州市: '320400',
? ? ? ? 蘇州市: '320500',
? ? ? ? 南通市: '320600',
? ? ? ? 連云港市: '320700',
? ? ? ? 淮安市: '320800',
? ? ? ? 鹽城市: '320900',
? ? ? ? 揚州市: '321000',
? ? ? ? 鎮(zhèn)江市: '321100',
? ? ? ? 泰州市: '321200',
? ? ? ? 宿遷市: '321300',
? ? ? ? 杭州市: '330100',
? ? ? ? 寧波市: '330200',
? ? ? ? 溫州市: '330300',
? ? ? ? 嘉興市: '330400',
? ? ? ? 湖州市: '330500',
? ? ? ? 紹興市: '330600',
? ? ? ? 金華市: '330700',
? ? ? ? 衢州市: '330800',
? ? ? ? 舟山市: '330900',
? ? ? ? 臺州市: '331000',
? ? ? ? 麗水市: '331100',
? ? ? ? 合肥市: '340100',
? ? ? ? 蕪湖市: '340200',
? ? ? ? 蚌埠市: '340300',
? ? ? ? 淮南市: '340400',
? ? ? ? 馬鞍山市: '340500',
? ? ? ? 淮北市: '340600',
? ? ? ? 銅陵市: '340700',
? ? ? ? 安慶市: '340800',
? ? ? ? 黃山市: '341000',
? ? ? ? 滁州市: '341100',
? ? ? ? 阜陽市: '341200',
? ? ? ? 宿州市: '341300',
? ? ? ? 六安市: '341500',
? ? ? ? 亳州市: '341600',
? ? ? ? 池州市: '341700',
? ? ? ? 宣城市: '341800',
? ? ? ? 福州市: '350100',
? ? ? ? 廈門市: '350200',
? ? ? ? 莆田市: '350300',
? ? ? ? 三明市: '350400',
? ? ? ? 泉州市: '350500',
? ? ? ? 漳州市: '350600',
? ? ? ? 南平市: '350700',
? ? ? ? 龍巖市: '350800',
? ? ? ? 寧德市: '350900',
? ? ? ? 南昌市: '360100',
? ? ? ? 景德鎮(zhèn)市: '360200',
? ? ? ? 萍鄉(xiāng)市: '360300',
? ? ? ? 九江市: '360400',
? ? ? ? 新余市: '360500',
? ? ? ? 鷹潭市: '360600',
? ? ? ? 贛州市: '360700',
? ? ? ? 吉安市: '360800',
? ? ? ? 宜春市: '360900',
? ? ? ? 撫州市: '361000',
? ? ? ? 上饒市: '361100',
? ? ? ? 濟南市: '370100',
? ? ? ? 青島市: '370200',
? ? ? ? 淄博市: '370300',
? ? ? ? 棗莊市: '370400',
? ? ? ? 東營市: '370500',
? ? ? ? 煙臺市: '370600',
? ? ? ? 濰坊市: '370700',
? ? ? ? 濟寧市: '370800',
? ? ? ? 泰安市: '370900',
? ? ? ? 威海市: '371000',
? ? ? ? 日照市: '371100',
? ? ? ? 萊蕪市: '371200',
? ? ? ? 臨沂市: '371300',
? ? ? ? 德州市: '371400',
? ? ? ? 聊城市: '371500',
? ? ? ? 濱州市: '371600',
? ? ? ? 菏澤市: '371700',
? ? ? ? 鄭州市: '410100',
? ? ? ? 開封市: '410200',
? ? ? ? 洛陽市: '410300',
? ? ? ? 平頂山市: '410400',
? ? ? ? 安陽市: '410500',
? ? ? ? 鶴壁市: '410600',
? ? ? ? 新鄉(xiāng)市: '410700',
? ? ? ? 焦作市: '410800',
? ? ? ? 濮陽市: '410900',
? ? ? ? 許昌市: '411000',
? ? ? ? 漯河市: '411100',
? ? ? ? 三門峽市: '411200',
? ? ? ? 南陽市: '411300',
? ? ? ? 商丘市: '411400',
? ? ? ? 信陽市: '411500',
? ? ? ? 周口市: '411600',
? ? ? ? 駐馬店市: '411700',
? ? ? ? 省直轄縣級行政區(qū)劃: '469000',
? ? ? ? 武漢市: '420100',
? ? ? ? 黃石市: '420200',
? ? ? ? 十堰市: '420300',
? ? ? ? 宜昌市: '420500',
? ? ? ? 襄陽市: '420600',
? ? ? ? 鄂州市: '420700',
? ? ? ? 荊門市: '420800',
? ? ? ? 孝感市: '420900',
? ? ? ? 荊州市: '421000',
? ? ? ? 黃岡市: '421100',
? ? ? ? 咸寧市: '421200',
? ? ? ? 隨州市: '421300',
? ? ? ? 恩施土家族苗族自治州: '422800',
? ? ? ? 長沙市: '430100',
? ? ? ? 株洲市: '430200',
? ? ? ? 湘潭市: '430300',
? ? ? ? 衡陽市: '430400',
? ? ? ? 邵陽市: '430500',
? ? ? ? 岳陽市: '430600',
? ? ? ? 常德市: '430700',
? ? ? ? 張家界市: '430800',
? ? ? ? 益陽市: '430900',
? ? ? ? 郴州市: '431000',
? ? ? ? 永州市: '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',
? ? ? ? 百色市: '451000',
? ? ? ? 賀州市: '451100',
? ? ? ? 河池市: '451200',
? ? ? ? 來賓市: '451300',
? ? ? ? 崇左市: '451400',
? ? ? ? 海口市: '460100',
? ? ? ? 三亞市: '460200',
? ? ? ? 三沙市: '460300',
? ? ? ? 成都市: '510100',
? ? ? ? 自貢市: '510300',
? ? ? ? 攀枝花市: '510400',
? ? ? ? 瀘州市: '510500',
? ? ? ? 德陽市: '510600',
? ? ? ? 綿陽市: '510700',
? ? ? ? 廣元市: '510800',
? ? ? ? 遂寧市: '510900',
? ? ? ? 內(nèi)江市: '511000',
? ? ? ? 樂山市: '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',
? ? ? ? 昌都地區(qū): '542100',
? ? ? ? 山南地區(qū): '542200',
? ? ? ? 日喀則地區(qū): '542300',
? ? ? ? 那曲地區(qū): '542400',
? ? ? ? 阿里地區(qū): '542500',
? ? ? ? 林芝地區(qū): '542600',
? ? ? ? 西安市: '610100',
? ? ? ? 銅川市: '610200',
? ? ? ? 寶雞市: '610300',
? ? ? ? 咸陽市: '610400',
? ? ? ? 渭南市: '610500',
? ? ? ? 延安市: '610600',
? ? ? ? 漢中市: '610700',
? ? ? ? 榆林市: '610800',
? ? ? ? 安康市: '610900',
? ? ? ? 商洛市: '611000',
? ? ? ? 蘭州市: '620100',
? ? ? ? 嘉峪關市: '620200',
? ? ? ? 金昌市: '620300',
? ? ? ? 白銀市: '620400',
? ? ? ? 天水市: '620500',
? ? ? ? 武威市: '620600',
? ? ? ? 張掖市: '620700',
? ? ? ? 平?jīng)鍪? '620800',
? ? ? ? 酒泉市: '620900',
? ? ? ? 慶陽市: '621000',
? ? ? ? 定西市: '621100',
? ? ? ? 隴南市: '621200',
? ? ? ? 臨夏回族自治州: '622900',
? ? ? ? 甘南藏族自治州: '623000',
? ? ? ? 西寧市: '630100',
? ? ? ? 海東地區(qū): '632100',
? ? ? ? 海北藏族自治州: '632200',
? ? ? ? 黃南藏族自治州: '632300',
? ? ? ? 海南藏族自治州: '632500',
? ? ? ? 果洛藏族自治州: '632600',
? ? ? ? 玉樹藏族自治州: '632700',
? ? ? ? 海西蒙古族藏族自治州: '632800',
? ? ? ? 銀川市: '640100',
? ? ? ? 石嘴山市: '640200',
? ? ? ? 吳忠市: '640300',
? ? ? ? 固原市: '640400',
? ? ? ? 中衛(wèi)市: '640500',
? ? ? ? 烏魯木齊市: '650100',
? ? ? ? 克拉瑪依市: '650200',
? ? ? ? 吐魯番地區(qū): '652100',
? ? ? ? 哈密地區(qū): '652200',
? ? ? ? 昌吉回族自治州: '652300',
? ? ? ? 博爾塔拉蒙古自治州: '652700',
? ? ? ? 巴音郭楞蒙古自治州: '652800',
? ? ? ? 阿克蘇地區(qū): '652900',
? ? ? ? 克孜勒蘇柯爾克孜自治州: '653000',
? ? ? ? 喀什地區(qū): '653100',
? ? ? ? 和田地區(qū): '653200',
? ? ? ? 伊犁哈薩克自治州: '654000',
? ? ? ? 塔城地區(qū): '654200',
? ? ? ? 阿勒泰地區(qū): '654300',
? ? ? ? 自治區(qū)直轄縣級行政區(qū)劃: '659000',
? ? ? ? 臺灣省: '710000',
? ? ? ? 香港特別行政區(qū): '810100',
? ? ? ? 澳門特別行政區(qū): '820000'
? ? ? }
? ? ? // 直轄市和特別行政區(qū)-只有二級地圖沈自，沒有三級地圖
? ? ? var special = ['北京', '天津', '上海', '重慶', '香港', '澳門']
? ? ? var mapdata = []
? ? ? var _that = this
? ? ? // 這是組件開始初始化時需要拉去的數(shù)據(jù)--中國地圖的數(shù)據(jù)
? ? ? $.getJSON('static/map/china.json', function (data) {
? ? ? ? let d = []
? ? ? ? for (var i = 0; i < data.features.length; i++) {
? ? ? ? ? d.push({
? ? ? ? ? ? name: data.features[i].properties.name
? ? ? ? ? })
? ? ? ? }
? ? ? ? mapdata = d
? ? ? ? // 注冊地圖
? ? ? ? _that.$echarts.registerMap('china', data)
? ? ? ? // 繪制地圖
? ? ? ? renderMap('china', d)
? ? ? })
? ? ? myMapChart.on('click', function (params) {
? ? ? ? if (params.name in provinces) {
? ? ? ? ? // 如果點擊的是34個省稚伍、市疼蛾、自治區(qū)，繪制選中地區(qū)的二級地圖
? ? ? ? ? $.getJSON(
? ? ? ? ? ? 'static/map/province/' + provinces[params.name] + '.json',
? ? ? ? ? ? function (data) {
? ? ? ? ? ? ? _that.$echarts.registerMap(params.name, data)
? ? ? ? ? ? ? var d = []
? ? ? ? ? ? ? for (var i = 0; i < data.features.length; i++) {
? ? ? ? ? ? ? ? d.push({
? ? ? ? ? ? ? ? ? name: data.features[i].properties.name
? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? }
? ? ? ? ? ? ? renderMap(params.name, d)
? ? ? ? ? ? }
? ? ? ? ? )
? ? ? ? } else if (params.seriesName in provinces) {
? ? ? ? ? // 如果是【直轄市/特別行政區(qū)】只有二級下鉆
? ? ? ? ? if (special.indexOf(params.seriesName) >= 0) {
? ? ? ? ? ? renderMap('china', mapdata)
? ? ? ? ? } else {
? ? ? ? ? ? // 顯示縣級地圖
? ? ? ? ? ? $.getJSON(
? ? ? ? ? ? ? 'static/map/city/' + cityMap[params.name] + '.json',
? ? ? ? ? ? ? function (data) {
? ? ? ? ? ? ? ? _that.$echarts.registerMap(params.name, data)
? ? ? ? ? ? ? ? var d = []
? ? ? ? ? ? ? ? for (var i = 0; i < data.features.length; i++) {
? ? ? ? ? ? ? ? ? d.push({
? ? ? ? ? ? ? ? ? ? name: data.features[i].properties.name
? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? renderMap(params.name, d)
? ? ? ? ? ? ? }
? ? ? ? ? ? )
? ? ? ? ? }
? ? ? ? } else {
? ? ? ? ? // 點擊縣級時是否返回
? ? ? ? ? renderMap('china', mapdata)
? ? ? ? }
? ? ? })
? ? ? // 初始化繪制全國地圖配置
? ? ? var option = {
? ? ? ? backgroundColor: '#404a59',
? ? ? ? title: {
? ? ? ? ? text: 'Echarts3 中國地圖下鉆至縣級',
? ? ? ? ? subtext: '三級下鉆',
? ? ? ? ? left: 'center',
? ? ? ? ? textStyle: {
? ? ? ? ? ? color: '#fff',
? ? ? ? ? ? fontSize: 16,
? ? ? ? ? ? fontWeight: 'normal',
? ? ? ? ? ? fontFamily: 'Microsoft YaHei'
? ? ? ? ? },
? ? ? ? ? subtextStyle: {
? ? ? ? ? ? color: '#ccc',
? ? ? ? ? ? fontSize: 13,
? ? ? ? ? ? fontWeight: 'normal',
? ? ? ? ? ? fontFamily: 'Microsoft YaHei'
? ? ? ? ? }
? ? ? ? },
? ? ? ? tooltip: {
? ? ? ? ? trigger: 'item',
? ? ? ? ? formatter: '愉舔'
? ? ? ? },
? ? ? ? toolbox: {
? ? ? ? ? show: true,
? ? ? ? ? orient: 'vertical',
? ? ? ? ? left: 'right',
? ? ? ? ? top: 'center',
? ? ? ? ? feature: {
? ? ? ? ? ? dataView: { readOnly: false },
? ? ? ? ? ? restore: {},
? ? ? ? ? ? saveAsImage: {}
? ? ? ? ? },
? ? ? ? ? iconStyle: {
? ? ? ? ? ? normal: {
? ? ? ? ? ? ? color: '#fff'
? ? ? ? ? ? }
? ? ? ? ? }
? ? ? ? },
? ? ? ? animationDuration: 1000,
? ? ? ? animationEasing: 'cubicOut',
? ? ? ? animationDurationUpdate: 1000
? ? ? }
? ? ? function renderMap (map, data) {
? ? ? ? // 初始化繪制全國地圖配置
? ? ? ? console.log(map)
? ? ? ? option.title.subtext = map
? ? ? ? option.series = [
? ? ? ? ? {
? ? ? ? ? ? name: map,
? ? ? ? ? ? type: 'map',
? ? ? ? ? ? mapType: map,
? ? ? ? ? ? roam: false,
? ? ? ? ? ? data: data,
? ? ? ? ? ? //? data: convertedData[0],
? ? ? ? ? ? nameMap: {
? ? ? ? ? ? ? china: '中國'
? ? ? ? ? ? },
? ? ? ? ? ? label: {
? ? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? textStyle: {
? ? ? ? ? ? ? ? ? color: '#999',
? ? ? ? ? ? ? ? ? fontSize: 13
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? },
? ? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? textStyle: {
? ? ? ? ? ? ? ? ? color: '#fff',
? ? ? ? ? ? ? ? ? fontSize: 13
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? }
? ? ? ? ? ? },
? ? ? ? ? ? itemStyle: {
? ? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? areaColor: '#323c48',
? ? ? ? ? ? ? ? borderColor: 'dodgerblue'
? ? ? ? ? ? ? },
? ? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? areaColor: 'darkorange'
? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? }
? ? ? ? ]
? ? ? ? // 渲染地圖
? ? ? ? myMapChart.setOption(option)
? ? ? }
? ? }
? }
