要做的效果是：點(diǎn)擊下拉框切換echarts主題

下面是效果圖：

項(xiàng)目環(huán)境： vue + ts + es6 + echarts(4.2.1)

步驟

安裝依賴， npm install echarts -S / yarn add echarts -S

引入主題 參考鏈接

選擇下拉框中的主題時(shí)，拿到圖表主題的名字

監(jiān)聽該主題名字， 并且重新init--echarts實(shí)例(這里clear, dispose是為清除上一次圖表的繪制， 否則顯示的還是上一個(gè)主題)

echarts內(nèi)存泄漏問題

發(fā)生場景：在切換路由時(shí)，由于圖表數(shù)據(jù)依然存在，圖表依然占用內(nèi)存，所有在路由跳轉(zhuǎn)前清空。

總結(jié)

以上是生活随笔為你收集整理的页面中切换echarts主题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。