echarts省份標註加散點效果

2021-09-11 05:51:41 字數 1223 閱讀 6547

先直接上**:

import anhuimapjson from './anhui.json'

getcoords: function(city)

}return res;

} else

},convertdata: function(data) );}}

return res;

},loadmapah() else

} else }},

legend:

},visualmap:

},geo: ,

emphasis:

},left:'45%', //調整地圖初始化位置

roam: true,

itemstyle: ,

emphasis: }},

series: [

,emphasis: }},

roam: true,

itemstyle: ,

emphasis:

},animation: false,

data: data},,

label: }},

itemstyle:

},zlevel: 6,

data: this.convertdata(data)

},)),

symbolsize: function(val) ,

showeffecton: 'render',

rippleeffect: ,

hoveranimation: true,

label: ',

position: 'right',

show: true}},

itemstyle:

},zlevel: 1},]

};settimeout(() => , 10);

}});

import 匯入的是安徽對應的json地**件,然後getcoords方法是自己寫的,根據後端請求的資料去跟json檔案中的市名字比對,返回對應的地理座標系。

需要後端返回的資料格式為

data = [,,

]

注意:後端返回的資料一定要跟地圖名稱的對應,如果返回其他省份地市的名字資料會有可能導致資料顯示異常。

vue2 利用echarts 單獨繪製省份

第一步 先引入所需的第三方模組 import echarts from echarts 引入所需要的echarts模組 import echarts map js province shanxi 引入省份的js檔案 import echarts map json province shanxi.js...

將省份轉為區域

將省份轉為區域 lcd org 2.ix lcd org 2.省份.str.contains 山東 江蘇 安徽 浙江 福建 江西 上海 na false 區域 2 華東 lcd org 2.ix lcd org 2.省份.str.contains 廣東 廣西 海南 na false 區域 2 華南 ...

547 省份數量

有 n 個城市,其中一些彼此相連,另一些沒有相連。如果城市 a 與城市 b 直接相連,且城市 b 與城市 c 直接相連,那麼城市 a 與城市 c 間接相連。省份 是一組直接或間接相連的城市,組內不含其他沒有相連的城市。給你乙個 n x n 的矩陣 isconnected 其中 isconnected...