echarts 柱状图在浏览器变大时候不会跟着变化
时间: 2023-08-11 13:26:20 浏览: 91
echarts 柱状图
这是因为Echarts图表的默认宽度和高度是固定的,当浏览器的尺寸发生变化时,图表的大小并不会自动适应。要解决这个问题,可以在初始化 Echarts 实例的时候,设置图表的宽度和高度为百分比或者响应式布局,这样就可以实现浏览器尺寸变化时,图表的自适应缩放了。例如:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);
myChart.resize(); // 在窗口大小发生变化时调用 resize() 方法
```
另外,如果你使用的是 Echarts 4.0 版本及以上,也可以使用 `resize` 事件来自动更新图表的大小:
```javascript
window.addEventListener('resize', function() {
myChart.resize();
});
```
阅读全文