首页 > 其他分享 >echart 防止多次渲染 无数据时显示暂无数据 vue3

echart 防止多次渲染 无数据时显示暂无数据 vue3

时间:2023-12-01 10:55:06浏览次数:39  
标签:暂无 option myChart vue3 数据 any echart

//基于准备好的dom,初始化echarts实例
const barDOM: any = ref();
var myChart: any;
let echartNull: any = null;

// 渲染echart
const init_chart = () => {
if (myChart != null && myChart != "" && myChart != undefined) {
    myChart .dispose(); //销毁
 }
 myChart = echarts.init(barDOM.value, echartNull, { locale: "ZH" });
 var option;
if (xAxis.length == 0) {//判断x轴的数据是否为空
  //空数据    
  option = {
      title: {
        text: "暂无数据",
        x: "center",
        y: "center",
        textStyle: {
          fontSize: 16,
          color: "#ffffff",
          fontWeight: "normal",
        },
      },
    };
}else {
option = {}
}
 myChart.setOption(option);
  window.onresize = function () {
    myChart.resize();
  };

}

标签:暂无,option,myChart,vue3,数据,any,echart
From: https://www.cnblogs.com/JaneLifeBlog/p/17869236.html

相关文章

  • vue3 标题组件
    <template><divclass="header_body"><divclass="header_inner"><divclass="title_line"></div><el-rowclass="titleBodyComl"><divclass="icon&qu......
  • 使用Go Validator在Go应用中有效验证数据
    使用GoValidator在Go应用中有效验证数据原创TimLiu爱发白日梦的后端2023-12-0108:01发表于广东  作为一名开发者,确保Go应用中处理的数据是有效和准确的非常重要。GoValidator是一个开源的数据验证库,为Go结构体提供强大且易于使用的数据验证功能。本篇文章将介绍GoVa......
  • SQL 数据操作技巧:SELECT INTO、INSERT INTO SELECT 和 CASE 语句详解
    SQLSELECTINTO语句SELECTINTO语句将数据从一个表复制到一个新表中。SELECTINTO语法将所有列复制到新表中:SELECT*INTOnewtable[INexternaldb]FROMoldtableWHEREcondition;只复制一些列到新表中:SELECTcolumn1,column2,column3,...INTOnewtable[INexte......
  • SQL 数据操作技巧:SELECT INTO、INSERT INTO SELECT 和 CASE 语句详解
    SQLSELECTINTO语句SELECTINTO语句将数据从一个表复制到一个新表中。SELECTINTO语法将所有列复制到新表中:SELECT*INTOnewtable[INexternaldb]FROMoldtableWHEREcondition;只复制一些列到新表中:SELECTcolumn1,column2,column3,...INTOnewtable[INext......
  • 通过.NET Core+Vue3 实现SignalR即时通讯功能
    .NETCore和Vue3结合使用SignalR可以实现强大的实时通讯功能,允许实时双向通信。在这个示例中,我们将详细说明如何创建一个简单的聊天应用程序,演示如何使用.NETCoreSignalR后端和Vue3前端来实现实时通讯功能。步骤1:准备工作确保你已经安装了以下工具和环境:.NETCore......
  • 北京大学 | Video-LLaVA视觉语言大模型:统一输入,同时处理图片和视频数据
    前言 北京大学和其他机构的研究人员近期提出了一种名为Video-LLaVA的视觉语言大模型。该模型的创新之处在于能够同时处理图片和视频作为输入。在处理图片的任务中,该模型展现出了出色的性能,在多个评估榜单中名列前茅,尤其在视频方面取得了令人瞩目的成绩。这项研究的关键点在于关注......
  • 神策数据丨瘦吧 App 全渠道统一的客户经营实践解读
    以数字化赋能健康管理为核心,着力打造集科技研发、智能硬件、生产物流、销售支持、社群服务、品牌支持、培训教育及大数据应用为一体的专业数字健康管理平台,神策数据签约客户瘦吧科技已累计服务全球数百万肥胖人群,注册用户遍及103个国家累计370万人次。为了更好地关注用户身体健......
  • openGauss学习笔记-135 openGauss 数据库运维-例行维护-检查openGauss健康状态
    openGauss学习笔记-135openGauss数据库运维-例行维护-检查openGauss健康状态135.1检查办法通过openGauss提供的gs_check工具可以开展openGauss健康状态检查。注意事项扩容新节点检查只能在root用户下执行,其他场景都必须在omm用户下执行。必须指定-i或-e参数,-i会检查指定的......
  • 多种数据库获取最近一天记录的SQL整理
    多种数据库获取最近一天记录的SQL整理背景纯粹当笔记.数据库种类太多,记不住,每次都需要现查,效率实在是太低了将获取最近一天记录的SQL整理好方便后续直接his用简单总结Oracle+DM+神通的语法一样Kingbase+PG+Highgo的语法一样MySQL用的是SUB其他人都是......
  • 多数据源之mybatis配置的log无法打印
    多数据源打印sql日志配置:@Bean@ConfigurationProperties(prefix="mybatis.configuration")publicorg.apache.ibatis.session.ConfigurationglobalConfiguration(){returnneworg.apache.ibatis.session.Configuration();}@Be......