echarts動態顯示某個省或某個市

2021-10-08 23:49:49 字數 1460 閱讀 3283

第一張圖是開啟市地圖之前的中國地圖,為過渡效果;第二張圖才是動態顯示出來的廣州市。

其實只顯示中國某個省或者某個市或是某個縣,都是一樣的寫法,這裡只寫了動態顯示市的!如果會省下鑽和市下鑽的,寫起來就容易多了,只需要變化下,再多加乙個定時器即可。

但那樣一顯示出來首先是中國地圖,定時器後隱藏中國地圖,再顯示廣州市,看起來多少會有些不舒服,所以這就是我加個過渡效果的原因,或者也可以自己新增自定義過渡效果。

在寫之前得先拿到中國各大城市的json檔案,放在public資料夾下。

然後,可複製**!

"usespreadmap" style=

"height: 400px; width: 400px;"

>

<

/div>

<

/div>

<

/template>

import echarts from

'echarts'

import

'../../node_modules/echarts/map/js/china.js'

export

default},

methods:);

let qudata =[,

,,]citysecharts

("china");

function

citysecharts

(map)

, tooltip:

, visualmap:},

geo:

, zoom:

1.2,

label:},

itemstyle:

, emphasis:}}

, series:

};usespreadmap.

setoption

(option);}

var citys =

;var that =

this;if

(this

.spacitys)}}

,10)}

//展示對應市

function

showcitys

(citysname, param)

.json`).

then

(res =>)}

}},mounted()

}<

/script>

動態顯示 XML布局

題目有點抽象,下面給大家簡單說下這種情況出現的實際情況,我講後,你就會明白這法子太有用了。在實際用途中,特別是咱們做網路處理的的時候,有時候介面是根據返回的資料來做的,那麼layout 定義的那些固定布局肯定就滿足不了我們的需求了。這個時候就會出現這種情況 linearlayou linear ne...

C 動態顯示窗體

windows提供了乙個api函式animate window,該函式可以實現窗體的動畫效果,animatewindow函式在c 中的宣告如下。dllimportattribute user32.dll private static extern bool animatewindow intptr ...

MPAndroidChart 動態顯示藍芽資料

在一次用matlab對前端串列埠資料處理時,某臉上露出一絲不易覺察的笑意,突發奇想地要把串列埠資料在手機上顯示出來。好在網上有成熟的例子,我的實現過程是建立在以下基礎上 1 藍芽通訊採用 手機藍芽串列埠的除錯助手demo實現 提供的方法,簡單明瞭,上機即行。2 資料顯示採用乙個優秀的第三方庫 mpa...