如何配置图表自适应容器宽高？-灵析社区
六股小子我在使用VChart图表时，希望图表能够自动适应外部容器的大小，应该如何操作？
三千米的偷感
import echarts from 'echarts';
export default {
data() {
return {
chartInstance: null,
};
},
mounted() {
this.initChart();
},
methods: {
initChart() {
const chartContainer = this.$refs.chartContainer;
this.chartInstance = echarts.init(chartContainer);
const option = {
// 配置选项
};
this.chartInstance.setOption(option);
window.addEventListener('resize', this.resizeChart);
},
resizeChart() {
if (this.chartInstance) {
this.chartInstance.resize();
}
},
},
beforeDestroy() {
window.removeEventListener('resize', this.resizeChart);
},
};
.chart-container {
width: 100%;
height: 400px;
}