美文网首页让前端飞Web前端之路问题日记
一分钟修改Echarts默认比例,实现地图放大

一分钟修改Echarts默认比例,实现地图放大

作者: 王天真帅 | 来源:发表于2019-08-08 14:19 被阅读3次

今天同事做大屏项目的开发,用的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效果

相关文章

网友评论

    本文标题:一分钟修改Echarts默认比例,实现地图放大

    本文链接:https://www.haomeiwen.com/subject/swlxjctx.html