美文网首页
vue3.0 + echarts5.0 tooltip不显示问题

vue3.0 + echarts5.0 tooltip不显示问题

作者: Erric_Zhang | 来源:发表于2021-05-13 18:50 被阅读0次

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

    相关文章

      网友评论

          本文标题:vue3.0 + echarts5.0 tooltip不显示问题

          本文链接:https://www.haomeiwen.com/subject/toyxjltx.html