一個彈窗中多個echarts切換圖表混亂問題及解決

場景

兩個按鈕盛垦,點擊按鈕A湿弦,彈出彈窗,在彈窗的彈出回調(diào)中根據(jù)按鈕功能請求數(shù)據(jù)腾夯,然后獲取彈窗中的echarts容器颊埃,調(diào)用echartsinit方法,得到echarts實例俯在,然后配置option竟秫,最后調(diào)用setOption方法渲染娃惯,折線圖顯示正常跷乐,然后關(guān)閉彈窗,點擊按鈕B,重復(fù)上面的步驟趾浅,但是最后渲染出來的折線圖錯亂愕提。

操作

點擊按鈕A,數(shù)據(jù)顯示正常,然后關(guān)閉彈窗

在這里插入圖片描述

點擊按鈕B,折線圖錯亂


在這里插入圖片描述

總結(jié)

出現(xiàn)上面的情況后皿哨,刷新頁面再打開就正常浅侨,但是如果先打開A彈窗,再打開B彈窗证膨,還是會出現(xiàn)上面的情況如输,混亂后的折線圖就好像是上個彈窗里面折線圖的數(shù)據(jù)緩存,所以就查找echarts文檔央勒,查看有沒有清楚緩存或者其他什么方法

解決

方法一:echarts.dispose()

在這里插入圖片描述

在調(diào)用init方法初始化echarts實例前不见,先使用'echarts.dispose()'方法銷毀echarts實例
這個方法是echarts的方法,不是echarts實例的方法崔步,是直接銷毀echarts實例稳吮,所以要在初始化實例前使用

me.$echarts.dispose(me.$refs['allWeekEcharts'])
var allWeekEcharts = me.$echarts.init(me.$refs['allWeekEcharts']);
allWeekEcharts.setOption(option,true)

方法二:echartsInstance.clear()

在這里插入圖片描述

在調(diào)用init方法得到echarts實例后,再使用實例的‘clear()’方法井濒,清空實例中的所有組件和圖表
這個方法是echarts實例的方法灶似,所以要在使用init獲取實例后列林,再調(diào)用這個方法

 var allWeekEcharts = me.$echarts.init(me.$refs['allWeekEcharts']);
 allWeekEcharts.clear()
 allWeekEcharts.setOption(option,true)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市酪惭,隨后出現(xiàn)的幾起案子希痴,更是在濱河造成了極大的恐慌,老刑警劉巖春感,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件润梯,死亡現(xiàn)場離奇詭異,居然都是意外死亡甥厦,警方通過查閱死者的電腦和手機纺铭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來刀疙,“玉大人舶赔,你說我怎么就攤上這事∏恚” “怎么了竟纳?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長疚鲤。 經(jīng)常有香客問我锥累,道長,這世上最難降的妖魔是什么集歇? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任桶略,我火速辦了婚禮,結(jié)果婚禮上诲宇,老公的妹妹穿的比我還像新娘际歼。我一直安慰自己,他們只是感情好姑蓝,可當(dāng)我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布鹅心。 她就那樣靜靜地躺著,像睡著了一般纺荧。 火紅的嫁衣襯著肌膚如雪旭愧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天宙暇,我揣著相機與錄音输枯,去河邊找鬼。 笑死客给,一個胖子當(dāng)著我的面吹牛用押,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播靶剑,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼蜻拨,長吁一口氣:“原來是場噩夢啊……” “哼池充!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起缎讼,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤收夸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后血崭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卧惜,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年夹纫,在試婚紗的時候發(fā)現(xiàn)自己被綠了咽瓷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡舰讹,死狀恐怖茅姜,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情月匣,我是刑警寧澤钻洒,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站锄开,受9級特大地震影響素标,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜萍悴,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一头遭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧退腥,春花似錦任岸、人聲如沸再榄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽困鸥。三九已至嗅蔬,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間疾就,已是汗流浹背澜术。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留猬腰,地道東北人鸟废。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像姑荷,于是被迫代替她去往敵國和親盒延。 傳聞我的和親對象是個殘疾皇子缩擂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,367評論 0 17
  • 愿你不畏將來 不念過去愿你能辨是非 深明大義 愿你心存感激 心胸寬廣愿你不再熬夜 ...
    丨丶Mine閱讀 355評論 0 1
  • 今天小家伙第一次參加鋼琴比賽添寺,賽前發(fā)生了一件事情胯盯,讓我感到非常不爽。原本比賽這個事情计露,一直沒有和她提過關(guān)于獲獎和名...
    唐銘含閱讀 304評論 0 1
  • 網(wǎng)絡(luò)世界的豐富,讓一批批的大V脫穎而出该押,他們占據(jù)了輿論的制高點君账,成為了受眾多粉絲追捧的對象,更是各個商家求之不得的...
    狂飆的蝸牛711閱讀 116評論 0 0
  • 今天有點不開心沈善,我分析了這些不開心的根源乡数,應(yīng)該是公公變相強迫我干了一些我不想干的事情,但是這個事情的確對我是有好處...
    tutu_16eb閱讀 64評論 0 0