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

xiaohai 2020-10-27 10:41:28 共4590人围观 标签： 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

相同类型文章

热门标签

每日一句

    逝者如斯夫，不舍昼夜。

    ——孔子

今日排行

  • Centos中用Chrome将网页导出为PDF

    Centos中用Chrome将网页导出为PDF，chrome --headless --print-to-pdf https://developer.chrome.com/

  • CFFLS安装和使用

    CFSSL是CloudFlare开源的一款PKI/TLS工具。 CFSSL 包含一个命令行工具 和一个用于 签名，验证并且捆绑TLS证书的 HTTP API 服务。 使用Go语言编写。

  • 树(Tree)

    树是计算机中非常重要的一种数据结构，使用树这种数据结构可以描述显示生活中很多事物，例如家谱图、单位的组织架构等等

  • stat：显示文件或文件系统状态

    用来显示文件的详细信息，包括inode, atime, mtime, ctime

  • Python修改Windows桌面壁纸

    为了实现能定时修改桌面背景，又不想使用其他的软件，所以自己就通过了Python实现了更换桌面背景的程序，后期通过执行定时任务来修改自己的桌面背景。

点击排行

友情链接