echarts设置地图大小比例,大小设置

设置地图大小可通过以下属性设置：

geo.aspectScale number

[ default: 0.75 ]

这个参数用于 scale 地图的长宽比。

最终的 aspect 的计算方式是：geoBoundingRect.width / geoBoundingRect.height * aspectScale

geo.layoutCenter Array

[ default: null ]

layoutCenter 和 layoutSize 提供了除了 left/right/top/bottom/width/height 之外的布局手段。在使用 left/right/top/bottom/width/height 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 layoutCenter 属性定义地图中心在屏幕中的位置，layoutSize 定义地图的大小。如下示例

layoutCenter: ['30%', '30%'],
// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域
layoutSize: 100    设置这两个值后 left/right/top/bottom/width/height 无效。

geo.layoutSize number, string

地图的大小，见 layoutCenter。支持相对于屏幕宽高的百分比或者绝对的像素大小。

附上官网配置截图：

echarts设置地图大小比例,大小设置相关推荐

Vue Echarts 显示地图且根据坐标设置标注点
Vue Echarts 显示地图且根据坐标设置标注点哎哟我去我就想用Echarts在页面上画一张地图,这张地图显示全国,然后我有几个坐标点的经纬度信息,需要在这个地图上根据经纬度标注在Echart ...
echarts中国地图实现阴影效果自定义设置
这要实现的重点就是地图添加底部阴影的效果,原理就是在原有的地图下面再添加一个地图,下面是代码: html <div id="myEchart" ref="myEc ...
Echarts中国地图各省份区域设置不同的颜色
摘要: 接着<Echarts引入中国地图>续写,我们的项目需求是要求地图的背景颜色要各省份不同.看了文档同时也看了相关官网例子,写出来总结下吧,以便以后需要. 实现: 1.在series中 ...
java设置地图,mapXtreme for java 设置地图中点
刚学GIS,做个设置地图中点就出了麻烦 !但是一直就是设置不正确,搞了N久:后来发现问题在于设置的地图边界高度及宽度要与页面对应的输出处的高度及宽度要一致. 也就是: myMap.setDeviceB ...
Echarts 改变地图文字颜色大小，以及鼠标经过颜色
series: [// 定义地图类型,数据{name: "china",type: "map",mapType: "china",data: ...
CAD编辑工具中如何设置图纸的比例
现在我们看见的图纸有大有小的,这就是因为每张图纸的比例大小不一样.所以我们在进行绘制编辑图纸的过程中就需要设置一下图纸的比例大小.那么,CAD编辑工具中如何设置图纸的比例呢?具体要怎么来进行操作呢?相 ...
android高德地图设置缩放级别,设置地图中心点/级别
html, body, #container { width: 100%; height: 100%; } 设置地图级别与中心点设置地图中心点随机地图层级 setZoom 随机地图中心点 setC ...
java echarts 散点图,echarts在地图上绘制散点图（任意点）
项目需求:在省份地图上绘制散点图,散点位置不一定是哪个城市或哪个区县,即任意点通过查询官网文档,找到一个与需求类似的Demo:https://www.echartsjs.com/gallery/ed ...
RCP中Perspective中，设置各个view的大小比例
为什么80%的码农都做不了架构师?>>> 其实一般情况下,在Perspective 中添加View的时候,是新建一个Folder,然后再把View添加到Folder当中的. ...
HTML设置字体大小自适应屏幕与echarts图表颜色根据数据大小实时刷新图表颜色
设置html文字大小根据页面大小自适应,在使用rem之前是使用的px和百分比,后来发现页面缩放或在小屏幕的电脑显示不尽人意,后改用rem,写法如:font-size: .21rem;或font-siz ...

echarts设置地图大小比例,大小设置

echarts设置地图大小比例,大小设置相关推荐

最新文章

热门文章