当echarts渲染完成时,如果显示echart的dom设置了固定的宽高,如果dom区域非常靠近显示器的边缘,默认情况下,echart的tooltip会被截断,且会超时当前domw的区域,这个时候可以在tooltip里面加上confine配置,就可以让tooltip自动显示在dom区域内,而且会自动调节方向,始终显示dom里面。
let dom = document.getElementById("deviceType")\n const myChart = echarts.init(dom);\n myChart.setOption({\n title: {\n text: "设备型号",\n },\n tooltip: { confine: true },\n series: [\n {\n name: "设备型号",\n type: "pie",\n data: state.deviceTypeY,\n },\n ],\n });echart官方文档是这么解释这个功能的:
\n\n\n\nconfine:是否将 tooltip 框限制在图表的区域内。
\n\n\n\n当图表外层的 dom 被设置为 'overflow: hidden',或者移动端窄屏,导致 tooltip 超出外界被截断时,此配置比较有用
\n