VUE中echart的父容器大小改变，echars大小自适应、setOption中第二个参数

牛仔很会忙

于 2022-11-15 21:09:18 发布

阅读量1k

点赞数

文章标签： vue.js echarts 前端

本文链接：https://blog.youkuaiyun.com/m0_66970189/article/details/127873873

版权

使用环境 VUE
当手动给echarts的父容器添加类名改变大小时，直接重新调用创建echarts的方法，echarts大小也不会改变。于是我添加了个setTimeout暂时解决了问题，现在跟大家分享一下。

<template>
    <div style="height:100%;">
        <button @click="onChange">点击</button>
        <div class="chartWrap" :class="{ high: highFlag }" ref="chartWrap">
            <div id="chart"></div>
        </div>
    </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
   
    name: '',
    data() {
   
        return {
   
            yData: ['很吵加工价', '晒解决的解放军', '时偶尔会哦', "hi黑ofhi哦啊好囧"],
            series1: [15, 4, 5, 15]

最低0.47元/天解锁文章