首页 > 其他分享 >使用echarts出现warning:“There is a chart instance already initialized on the dom.”

使用echarts出现warning:“There is a chart instance already initialized on the dom.”

时间:2023-03-10 14:46:17浏览次数:48  
标签:already dom refs There myChart echarts

原因:在同一dom容器内,options配置项数据变动,多次渲染导致

解决方法: echarts.getInstanceByDom()

<div id="echarts" ref="echartsRef"></div

<script>
let myChart = echarts.getInstanceByDom(this.$refs.echartsRef)
if (myChart == null) {
  myChart = echarts.init(this.$refs.echartsRef)
}
const option = {}
myChart.setOption(option)
this.$once('hook:beforeDestroy', () => {
      myChart.dispose()
      myChart = null
  })
</script>

标签:already,dom,refs,There,myChart,echarts
From: https://www.cnblogs.com/xueping0708/p/17203301.html

相关文章

  • np.random.normal 正态分布(Normal distribution)
    正态分布(Normaldistribution),也称“常态分布”,又名高斯分布(Gaussiandistribution),最早由棣莫弗(AbrahamdeMoivre)在求二项分布的渐近公式中得到。C.F.高斯在研究测量误差时......
  • Vert.x response has already been written
     Vert.xresponsehasalreadybeenwrittenhttps://stackoverflow.com/questions/59935129/vert-x-response-has-already-been-written Iamfacingaproblemwith......
  • DOMContentLoaded与load的区别
    在chrome浏览器的开发过程中,我们会看到network面板中有这两个数值,分别对应网络请求上的标志线,这两个时间数值分别代表什么?我们一再强调将css放在头部,将js文件放在尾部......
  • Azure虚拟桌面专题之十一:解决DomainTrustCheck失败导致会话主机状态不可用问题
    在创建完主机池并添加会话主机之后,在主机池概述中发现虚拟机总数和不可用状态数量一样,也就是说所有的虚拟机状态都处于不可用刚开始创建之后的几分钟内状态不可用是正常现象......
  • How many web dev frameworks are there in Python?
    HowmanywebdevframeworksarethereinPython?TherearemanywebdevelopmentframeworksavailableinPython.Someofthepopularonesare:Django-......
  • Vue核心虚拟Dom和 diff 算法
    一、介绍虚拟DOM什么是虚拟DOM?之前我的理解:虚拟DOM是一个真实DOM的映射,Vue是拿虚拟DOM描述真实DOM,虚拟DOM体积比真实DOM小,每次操作虚拟DOM都会触发重排,判断虚拟DOM发生......
  • Numpy之random.randint产生随机整数
    前言本文主要讲述了如何使用Numpy的random.randint来产生随机整数,我们演示了如何生成不同上限或下限的指定大小的数组方法numpy.random.randint(low,high=None,s......
  • 380. Insert Delete GetRandom O(1)
    380.InsertDeleteGetRandomO(1)标签(空格分隔):leetcodearraymedium题目DesignadatastructurethatsupportsallfollowingoperationsinaverageO(1)......
  • np.random.seed(0)有什么用?
    np.random.seed(0)使随机数可预测>>>numpy.random.seed(0);numpy.random.rand(4)array([0.55,0.72,0.6,0.54])>>>numpy.random.seed(0);numpy.random.ran......
  • JavaScript 使用DOM操作CSS
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> #box1{ width:100px; height:100px; back......