echarts在默认隐藏的div中不显示的问题

xiaohai 2020-10-27 10:41:28 共2714人围观 标签： js 
简介这两天一直遇到一个问题，就是Echarts如果放在一个默认隐藏的div元素中，后面再显示这个div，但是图标不出来，找了很多博客，原来是高度没有设置。

问题：希望在点击一个按钮后显示图表，所以需要先将图表进行隐藏，但是点击显示后，图表却不显示，找了很多原因，有些说需要调用resize函数，但是没有任何作用。最终的原因是因为ECharts没有获取到div的高宽而导致初始化失败。所以只需要把div的高度设置好即可。

如：

    <!--折线图-->
    <Drawer title="图表"
            :closable="false"
            v-model="examLineEchart"
            width="840">
      <chart-line style="height: 300px;width:840px;"
                  :value="examEchartData"
                  ref="examLineEchartRef" />
    </Drawer>

image.png

相同类型文章

热门标签

每日一句

    严冬不肃杀，何以见阳春。

    ——吕温

今日排行

  • Dockerfile和docker-compose.yml设置时区

    在使用功能镜像的时候，需要对时区进行修改，那么就需要从两个方面来考虑，本文主要记录Dockerfile和docker-compose.yml设置时区。

  • 初中几何模型一、线段（双中点）

    线段（双中点）模型是我们初中几何初步认识的第一个模型，看似比较简单，但是对于我们初中学生刚接触几何确有一定的难度，所以本文主要讲解该模型.

  • RJ七上第二章《整式的加减》知识点

    人教版数学七年级上册第二章知识点：整式的定义（单项式、多项式、整式）和整式的加减。

  • 初中数学定理公式总结之《分式》

    一般地，如果A、B表示两个整式，且B中含有字母，那么式子A / B 就叫做分式，其中A称为分子，B称为分母。分式是不同于整式的一类代数式，分式的值随分式中字母取值的变化而变化。分式有意义条件是分母不为0。

  • 费马点模型

    费马点是指到一个三角形三个顶点距离之和最小的点，称为三角形的费马点。

点击排行

友情链接