頁面中切換echarts主題
要作的效果是:點擊下拉框切換echarts主題
下面是效果圖:
項目環境: vue + ts + es6 + echarts(4.2.1)
步驟
- 安裝依賴,
npm install echarts -S / yarn add echarts -S
- 引入主題 參考連接
- 選擇下拉框中的主題時,拿到圖表主題的名字
- 監聽該主題名字, 而且從新init--echarts實例(這裏clear, dispose是爲清除上一次圖表的繪製, 不然顯示的仍是上一個主題)
echarts內存泄漏問題
發生場景:在切換路由時,因爲圖表數據依然存在,圖表依然佔用內存,全部在路由跳轉前清空。
歡迎關注本站公眾號,獲取更多信息