tooptip hidden by parent-box, please give me some suggestions!

[Luckywannnnng]

1、I had set parent-box's style overflow-x:scroll; overflow-y:hidden, because i need to keep parent-box'direction-x scrollable when x-axios's size become large, but tooltip is too high to be hidden by parent-box (figure 1-1).
2、only when i set parent-box's style: overflow-x:hidden,that makes tooptip display all (figure 1-2).

3、what i need?
keep direction-x scrollable && tooltip can't be hidden by parent-box,what should i do,anyone give me some suggestions, please!

[Luckywannnnng]

document.getElementsByClassName('apexcharts-canvas')[chart_index].style.position = 'static'