ECharts 是一个使用 JavaScript 实现的开源可视化库,可以轻松地嵌入到网页中,实现数据可视化。要使 ECharts 图表自适应屏幕大小,可以采取以下几种方法:
1. 使用 CSS 盒模型
确保 ECharts 容器(通常是 `
` 标签)使用了百分比或者视口单位(如vw, vh)来设置宽度和高度,这样容器大小会随着屏幕大小的变化而变化。
```html
```
2. 监听窗口大小变化
通过监听窗口大小变化事件(`resize`),然后调用 ECharts 的 `resize` 方法来使图表自适应。
```javascript
window.addEventListener('resize', function() {
myChart.resize();
-- 展开阅读全文 --