新项目采用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);
}
}