自定义事件中调用ECharts数据视图关闭事件

正常的折线图

点击数据视图后显示数据会讲原本的title给遮盖掉，但是还会露出一部分，右侧还有多余的滚动条，改样式的话，获取不到这个动态生成的数据视图的父元素div


所以想到了自己写组件，写一个table将自带的那个数据视图给覆盖掉

但是echarts没有提供直接关闭数据视图的api，所以换种思路，可以调用echarts中那个关闭按钮事件，配置中

lang :['数据视图', '关闭', '刷新']

可以传个标签进去（同理，刷新按钮也可）

 lang: [' ', '<span id="closeData">关闭</span>', '<span id="refreshData">刷新</span>'],

在自定义关闭按钮中去获取配置中的关闭的dom，然后调用其点击事件即可

 closeTable() {
    
    
      console.log(222)
      const domId = document.getElementById('closeData')
      if (domId !== null) {
    
    
        const domParent = domId.parentNode
        domParent.click()
        this.showTableData = false // 自定义table数据视图关闭
      }
    }

最后非常感谢https://blog.csdn.net/py1215/article/details/106351928，解决了我的问题。