echart 地图 mapType及其data

最新推荐文章于 2025-03-15 22:49:56 发布

chenxiaodan_danny

最新推荐文章于 2025-03-15 22:49:56 发布

阅读量1.5w

点赞数 3

分类专栏：工具 JS

本文链接：https://blog.youkuaiyun.com/chenxiaodan_danny/article/details/39081071

版权

工具同时被 2 个专栏收录

44 篇文章

订阅专栏

30 篇文章

订阅专栏

1.无法识别

 series : [
        	        {
        	            name: 'iphone3',
        	            type: 'map',
        	            mapType: '杭州市',
        	            roam: true,
        	            itemStyle:{
        	                normal:{label:{show:true}},
        	                emphasis:{label:{show:true}}
        	            },
        	            data:[
        	                //{name: '杭州',value: Math.round(Math.random()*1000)},
        	              //  {name: '卢湾区',value: Math.round(Math.random()*1000)},
        	             
        	            ]
        	        }
        	    ]

2. mapType显示地图范围，为china，显示中国地图，为浙江，显示浙江地图板块， 若‘china|浙江’地图显示会出错，‘浙江|杭州市’显示杭州地图板块，但识别不了区以下级别，'杭州市|西湖区'地图显示错误无法加载

series : [
{
name: 'iphone3',
type: 'map',
mapType: '浙江',//mapType为浙江，可识别以下数据，若为，'china' 或 ‘china|浙江’，不可识别以下数据
roam: true,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
//未加市，不可识别,加了市，可识别

//{name: '杭州',value: Math.round(Math.random()*1000)},//未加市不可识别

//{name: '温岭市',value: Math.round(Math.random()*1000)},//不可识别市级以下级别
{name: '杭州市',value: Math.round(Math.random()*1000)},
{name: '台州市',value: Math.round(Math.random()*1000)},

]
}
]

3.不可识别，无区级及以下地图

series : [
{
name: 'iphone3',
type: 'map',
mapType: '浙江|杭州市',//无实际
roam: true,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[

{name: '西湖区',value: Math.round(Math.random()*1000)},
// {name: '杭州市',value: Math.round(Math.random()*1000)},
//{name: '台州市',value: Math.round(Math.random()*1000)},

]
}
]

4.直辖市，上海（不能写成上海市，否则无效name），显示上海地图，可识别区级，同样，写成'china|上海'会出错

series : [
{
name: 'iphone3',
type: 'map',
mapType: '上海',
roam: true,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
//未加市，不可识别,加了市，可识别

{name: '闵行区',value: Math.round(Math.random()*1000)},
// {name: '杭州市',value: Math.round(Math.random()*1000)},
//{name: '台州市',value: Math.round(Math.random()*1000)},

]
}
]

5.直辖市，mapType 写到区级,显示区级地图

series : [
{
name: 'iphone3',
type: 'map',
mapType: '上海|闵行区',//写到区级,显示区级地图
roam: true,
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
//未加市，不可识别,加了市，可识别

{name: '闵行区',value: Math.round(Math.random()*1000)},
// {name: '杭州市',value: Math.round(Math.random()*1000)},
//{name: '台州市',value: Math.round(Math.random()*1000)},

]
}
]
};