echarts地图自适应大小
时间: 2024-05-10 19:12:19 浏览: 329
echarts 实现大屏自适应展示
Echarts 地图自适应大小,可以通过设置图表容器的宽度和高度为百分比来实现。如下代码所示:
```
<div id="chart" style="width: 100%; height: 100%;"></div>
```
在实例化 Echarts 地图时,需要通过设置 `resize` 属性来开启自适应大小功能。如下代码所示:
```
var myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(option);
window.addEventListener("resize",function(){
myChart.resize();
});
```
当浏览器窗口大小改变时,Echarts 会自动调整地图的大小以适应当前窗口大小。
阅读全文