echarts怎么设置地图的大小

Posted 2023-04-27

option里边有个bmap设置其中的zoom为的大小即可设置地图大小。
bmap:
center: ["113.2708136740", "23.1351666766"],
// 方法倍数
zoom: 12,
roam: true,
mapStyle:
styleJson: [
'featureType': 'water',
'elementType': 'all',
'stylers':
'color': '#d1d1d1'

,
'featureType': 'land',
'elementType': 'all',
'stylers':
'color': '#f3f3f3'

,
'featureType': 'railway',
'elementType': 'all',
'stylers':
'visibility': 'off'

,
'featureType': 'highway',
'elementType': 'all',
'stylers':
'color': '#fdfdfd'

,
'featureType': 'highway',
'elementType': 'labels',
'stylers':
'visibility': 'off'

,
'featureType': 'arterial',
'elementType': 'geometry',
'stylers':
'color': '#fefefe'

,
'featureType': 'arterial',
'elementType': 'geometry.fill',
'stylers':
'color': '#fefefe'

,
'featureType': 'poi',
'elementType': 'all',
'stylers':
'visibility': 'off'

,
'featureType': 'green',
'elementType': 'all',
'stylers':
'visibility': 'off'

,
'featureType': 'subway',
'elementType': 'all',
'stylers':
'visibility': 'off'

,
'featureType': 'manmade',
'elementType': 'all',
'stylers':
'color': '#d1d1d1'

,
'featureType': 'local',
'elementType': 'all',
'stylers':
'color': '#d1d1d1'

,
'featureType': 'arterial',
'elementType': 'labels',
'stylers':
'visibility': 'off'

,
'featureType': 'boundary',
'elementType': 'all',
'stylers':
'color': '#fefefe'

,
'featureType': 'building',
'elementType': 'all',
'stylers':
'color': '#d1d1d1'

,
'featureType': 'label',
'elementType': 'labels.text.fill',
'stylers':
'color': '#999999'

]

, 参考技术A ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。

ECharts (Enterprise Charts 商业产品图表库)
提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。

echarts图表怎么自适应屏幕大小

参考技术A 设置echarts饼状图大小：radius:'55%',------------这个属性设置图的大小center:['50%','60%'],-----这个属性设置图的上下左右的位置