解决echarts和v-show一起使用canvas宽高改变

最新推荐文章于 2024-05-16 10:23:58 发布

Miya锤

最新推荐文章于 2024-05-16 10:23:58 发布

阅读量330

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_45599105/article/details/132277811

版权

本来是想没有数据显示暂无数据的，结果显示成了这样
在这里插入图片描述
1.把V-show改成v-if

<template>
  <div
    class="chart1"
    ref="chart1"
    v-if="!nodata"
    style="width: 100%; height: 100%"
  ></div>
  <el-empty description="暂无数据" v-else />
</template>

2.使用nextTick

import {  nextTick } from "vue";

if (JSON.stringify(callNum) == "[]") {
   chartObj.nodata = true;
 } else {
   chartObj.nodata = false;
   nextTick(() => {
     DrawAnslysePic(callNum);
   });
 }