echarts tooltip显示不全问题

在项目里面的tooltip数据特别多,显示不全问题:

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

echarts tooltip显示不全问题_第1张图片

echarts tooltip显示不全问题_第2张图片

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

echarts tooltip显示不全问题_第3张图片

echarts tooltip显示不全问题_第4张图片

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

echarts tooltip显示不全问题_第5张图片

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

echarts tooltip显示不全问题_第6张图片

echarts tooltip显示不全问题_第7张图片

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

echarts tooltip显示不全问题_第8张图片

你可能感兴趣的:(echarts,前端,javascript,es6,vue,react)