首頁(yè)使用echarts進(jìn)行數(shù)據(jù)展示和統(tǒng)計(jì)彰阴,但是卻一直有個(gè)警告There is a chart instance already initialized on the dom研究了半天,看了網(wǎng)上的解決方案不生效脓诡,后來(lái)自己靜下心研究了一下,分享給大家
?1.完成echarts圖表的展示之后控制臺(tái)發(fā)現(xiàn)警告最欠,一開(kāi)始沒(méi)有當(dāng)回事翠勉,但是控制臺(tái)一拉,警告就越多埠居,還是解決一下吧
2.原因是因?yàn)闆](méi)有進(jìn)行只是創(chuàng)建并沒(méi)有進(jìn)行銷毀There is a chart instance already initialized on the dom(在dom上已經(jīng)初始化了一個(gè)圖表實(shí)例 ?)
這里使用到了vue的生命周期函數(shù)查牌,銷毀后執(zhí)行destroryed(不知道的可以自行百度事期,百度有很多結(jié)構(gòu)圖,清晰明了)
在這個(gè)函數(shù)中進(jìn)行銷毀這個(gè)錯(cuò)誤就解決了纸颜,親測(cè)有效
然后發(fā)現(xiàn)瀏覽器縮小之后兽泣,圖標(biāo)也縮小了,但是瀏覽器恢復(fù)正常是胁孙,圖表還是縮小之后的唠倦,在圖表中設(shè)置自適應(yīng)就完美解決了
今天就到這里了,希望可以幫到你們