欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

echarts中地圖重疊問題解決

 更新時間：2023年08月01日 10:19:03   作者：覺醒法師  
在使用Echarts開發(fā)項目時,經(jīng)常會遇到地圖組件的開發(fā),困擾許久的地圖重疊問題,本文就來解決一下這個問題,感興趣的可以了解一下

在使用Echarts開發(fā)項目時，經(jīng)常會遇到地圖組件的開發(fā)，困擾許久的地圖重疊問題，無意間在echarts官方文檔中找到了解決方案。

示例：

如上圖，其代碼如下：

geo: {
	backgroundColor:'#232e67',
	map: 'china',
	roam: true,
},
series: [
	 {
		backgroundColor:'#232e67',
		name: '用戶分布',
		type: 'map',
		mapType: 'china',
		data: []
	 }
]

該寫法會造成上圖地圖重疊現(xiàn)象，對于該問題，在echarts官方文檔中找到了答案，可以通過 geoIndex屬性指定geo組件

官方敘述如下：

默認情況下，map series會自己生成內(nèi)部專用的geo組件。但是也可以用 geoIndex 指定一個geo組件。這樣的話，map和其他 serise中的type=map可以共享一個geo組件。并且，Geo組件的顏色也可以被這個map serise控制。當設(shè)定 geoIndex后，series-map.map屬性，以及series-map.itemStyle等樣式配置不再起作用，而是采用geo中的相應(yīng)屬性。

代碼如下修改即可：

geo: {
	backgroundColor:'#232e67',
	map: 'china',
	roam: true,
},
series: [
	 {
		backgroundColor:'#232e67',
		name: '用戶分布',
		type: 'map',
		mapType: 'china',
        geoIndex: 0,
		data: []
	 }
]

只要添加geoIndex屬性，即可將series中的map數(shù)據(jù)，指定到Geo組件上了。

到此這篇關(guān)于echarts中地圖重疊問題解決的文章就介紹到這了,更多相關(guān)echarts 地圖重疊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論