頁面中切換echarts主題

要作的效果是:點擊下拉框切換echarts主題

下面是效果圖:

項目環境: vue + ts + es6 + echarts(4.2.1)

步驟

  1. 安裝依賴, npm install echarts -S / yarn add echarts -S
  2. 引入主題 參考連接
  3. 選擇下拉框中的主題時,拿到圖表主題的名字
  4. 監聽該主題名字, 而且從新init--echarts實例(這裏clear, dispose是爲清除上一次圖表的繪製, 不然顯示的仍是上一個主題)

echarts內存泄漏問題

發生場景:在切換路由時,因爲圖表數據依然存在,圖表依然佔用內存,全部在路由跳轉前清空。

相關文章
相關標籤/搜索