解决Echarts溢出屏幕导致出现滚动条问题

背景：

最近在使用Echarts做表格，但是发现在页面初始化时，鼠标移动到表格提示Tooltip的一瞬间会出现滚动条问题。

解决方案：

        在echarts表格容器的父容器上添加 overflow:hidden属性，然后对在echarts的option配置中的tooltip属性中添加 confine:true。如下图结构，id为chart的div是放置图表的容器。

 <div class="parent" style="overflow:hidden">
      <div id="chart"></div>
 </div>

然后在option配置中添加tooltip配置。

tooltip: {
      confine:true,
},

这样，问题就可以解决了。