新項目采用vue3.0 + echarts5.0庫,當在做一個圖表的時候,發現tooltip框怎么都不顯示,但是將option復制到echarts官網事例代碼中后,發現可以顯示。最開始以為是,頁面某些樣式造成echarts庫某些邏輯異常。多次排查后,發現將echarts實例賦值到vue data中就會有這個問題,如下:
export default {
data() {
this.echartsInstance = null // 建議這樣存儲echarts實例
return {
// echartsInstance: null // 放在data中會有tooltip不顯示的問題(這樣書寫會有bug)
}
} ,
mounted() {
const chartDom = document.getElementById('chartBox');
this.echartsInstance = echarts.init(chartDom);
}
}