echarts tooltip 内容太多，超出范围显示不全问题,亲测有效

参考文章：echarts tooltip显示不全问题

前言

在项目里面的tooltip数据特别多，显示不全问题（有下面几种方法，选择最适合自己的）：

解决

1、如果盒子还够大，只是tooltip飘到上面或者下面被覆盖住了，可以考虑confine: true这个属性，将tooltip限制在盒子内;

属性说明

在这里插入图片描述

示例

在这里插入图片描述

2、如果盒子比较小，展示不全的话，可以考虑appendToBody : true这个属性

属性说明

在这里插入图片描述

示例

在这里插入图片描述

3、也可以考虑将formatter格式处理一下，不让它换行，变矮一些

属性说明

在这里插入图片描述

4、如果是位置不太好，可以使用postion，处理一下

属性说明

在这里插入图片描述

在这里插入图片描述

5、还可以考虑一下层级问题，不过tooltip的层级一般都很大，当然也可以考虑，tooltip有一个extraCssText属性

属性说明

在这里插入图片描述

在这里插入图片描述

下班~