最近在開發新需求時遇到一個問題,頁面是圖表可視化,使用的是echarts。在頁面中包含一個地圖和一個詞雲圖。一開始echarts默認安裝的是5.0+版本,可以地圖的鼠標點擊地圖時總是會出現同時高亮兩個省市且鼠標懸浮展示的框中內容不變。問題改了許久也沒有得到解決,最終發現是因為版本過高導致的不穩定性。
地圖圖表穩定的話建議使用5.0以下版本。安裝了5.0以下的版本問題,結果雲圖無法使用,因為詞雲圖最低使用5.0以上版本。
此時就涉及到一個問題即是一個vue項目需要安裝兩個版本的依賴。
1、我先是安裝了5.0版本
npm install echarts5@npm:echarts@5.5.1 -S
2、此時出現問題詞雲圖依舊報錯,我開始尋找原因,嘗試把兩個版本的依賴都卸載,先安裝5.0+版本,再安裝5.0以下版本,問題解決。
npm install echarts@5.5.1 -S
npm install echarts4@npm:echarts@4.4.1 -S
3、使用
import * as echarts4 from 'echarts@4.4.1'
