echarts饼图自适应大小
时间: 2023-07-19 22:32:32 浏览: 170
Echarts动态排名柱状图(自适应电脑和手机端)源代码
5星 · 资源好评率100%
要让echarts饼图自适应大小,可以通过设置饼图容器的宽度和高度为百分比来实现。例如,设置容器宽度为100%和高度为100%,饼图就会根据容器的大小进行自适应。
另外,可以使用echarts提供的resize方法,来在容器大小发生变化时重新渲染饼图。例如:
```javascript
var chart = echarts.init(document.getElementById('chartContainer'));
window.addEventListener('resize', function () {
chart.resize();
});
```
这样,在窗口大小变化时,就会自动调用resize方法重新渲染饼图,从而实现自适应大小。
阅读全文