2023學(xué)年完整公開課版echarts地圖系列

Echarts繪圖echarts地圖系列echartsecharts地圖系列echarts地圖屬性echartsecharts地圖系列/01echartsecharts地圖系列

用于控制echarts中的地圖。地圖主要用于地理區(qū)域數(shù)據(jù)的可視化，配合visualMap組件用于展示不同區(qū)域的人口分布密度等數(shù)據(jù)。多個(gè)地圖類型相同的系列會(huì)在同一地圖上顯示，這時(shí)候使用第一個(gè)系列的配置項(xiàng)作為地圖繪制的配置。Tip:在echarts3中不再建議在地圖類型的圖表使用markLine和markPoint。如果要實(shí)現(xiàn)點(diǎn)數(shù)據(jù)或者線數(shù)據(jù)的可視化，可以使用在地理坐標(biāo)系組件上的散點(diǎn)圖和線圖。示例：echarts地圖屬性/02echarts地圖屬性typetype的值為map。name系列名稱，用于tooltip的顯示，legend的圖例篩選，在setOption更新數(shù)據(jù)和配置項(xiàng)時(shí)用于指定對(duì)應(yīng)的系列。mapecharts3中因?yàn)榈貓D精度的提高，不再內(nèi)置地圖數(shù)據(jù)增大代碼體積，建議大家使用以百度地圖為底圖的形式});echarts使用geoJSON格式的數(shù)據(jù)作為地圖的輪廓，除了上述數(shù)據(jù)，你也可以通過其它手段獲取地圖的geoJSON數(shù)據(jù)注冊(cè)到echarts中。echarts地圖屬性zoom當(dāng)前視角的縮放比例，默認(rèn)為1。scaleLimit滾輪縮放的極限控制，通過min,

max最小和最大的縮放值，默認(rèn)的縮放為1。z組件的所有圖形的z值，默認(rèn)值為2。控制圖形的前后順序。z值小的圖形會(huì)被z值大的圖形覆蓋。z相比zlevel優(yōu)先級(jí)更低，而且不會(huì)創(chuàng)建新的Canvas。left組件離容器左側(cè)的距離。left的值可以是像20這樣的具體像素值，可以是像

'20%'

這樣相對(duì)于容器高寬的百分比，也可以是'left','center','right'。echarts地圖屬性top組件離容器上側(cè)的距離。top的值可以是像20這樣的具體像素值，可以是像'20%'

這樣相對(duì)于容器高寬的百分比，也可以是'top','middle','bottom'。如果top的值為'top','middle','bottom'，組件會(huì)根據(jù)相應(yīng)的位置自動(dòng)對(duì)齊。right組件離容器右側(cè)的距離。right的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對(duì)于容器高寬的百分比。默認(rèn)自適應(yīng)。bottom組件離容器下側(cè)的距離。echarts地圖屬性top組件離容器上側(cè)的距離。top的值可以是像20這樣的具體像素值，可以是像'20%'

這樣相對(duì)于容器高寬的百分比，也可以是'top','middle','bottom'。如果top的值為'top','middle','bottom'，組件會(huì)根據(jù)相應(yīng)的位置自動(dòng)對(duì)齊。right組件離容器右側(cè)的距離。right的值可以是像20這樣的具體像素值，可以是像'20%'這樣相對(duì)于容器高寬的百分比。默認(rèn)自適應(yīng)。bottom組件離容器下側(cè)的距離。echarts地圖屬性arkLine地圖的標(biāo)線。markArea地圖的標(biāo)域，常用于標(biāo)記圖表中某個(gè)范圍的數(shù)據(jù)，例如標(biāo)出某段時(shí)間投放了廣告。silent圖形是否不響應(yīng)和觸發(fā)鼠標(biāo)事件，默認(rèn)為false即響應(yīng)和觸發(fā)鼠標(biāo)事件。data[i]地圖系列中的數(shù)據(jù)內(nèi)容數(shù)組。數(shù)組項(xiàng)可以為單個(gè)數(shù)值，如：