echarts图表自适应盒子的大小(盒子的大小是动态改变的),大到需要全屏展示...
时间: 2024-03-13 16:45:20 浏览: 62
要让echarts图表自适应盒子的大小,可以通过设置echarts的resize方法和window对象的resize事件来实现。具体的实现方法如下:
1. 在初始化echarts图表之后,调用以下resize方法:
```javascript
myChart.resize();
```
2. 在window对象上注册resize事件,当窗口大小发生改变时,重新调用resize方法。
```javascript
window.onresize = function() {
myChart.resize();
}
```
这样,当盒子的大小改变时,echarts图表就会自适应盒子大小,并且当盒子大小变得很大时,也可以全屏展示。
阅读全文