今天同事做大屏项目的开发,用的echarts图表做可视化展示,开发中遇到一个问题,设置地图大小无效,特意向我请教如何放大地图,让地图显示屏幕正中央。
当他向我请教 、如何设置echarts地图大小时,我心里暗自窃喜,又是一次大展身手的机会,要开启装逼模式了
我去年在独立开发的项目中, 使用echarts做过地图展示与交互功能,但是echartsAPI那么多,我也记不住呀,这可咋整、眼看就要装逼失败, 忽然想起echarts有个关于zoom 属性可控制层级大小。
大半年没用echarts了,设置地图大小的键、写在那个属性下面又忘记了…
于是我打开百度、搜索“如何设置echarts地图大小”,找到了解决方法:
{
//name: '香港18区人口密度',
type: 'map',
mapType: 'jiangsu', // 自定义扩展图表类型
zoom: 1.2, //这里是关键,一定要放在 series中
itemStyle: {
normal: { label: { show: true } },
emphasis: { label: { show: true } }
}
zoom 1.2效果
zoom 2.2效果
网友评论