Description
Small column charts have trouble calculating the tooltip position of elements for bars whose position + the width of the tooltip is < the chart width.
This happens because of the code at https://github.com/apexcharts/apexcharts.js/blob/main/src/modules/tooltip/Intersect.js#L200
which seems to be responsible for offsetting the tooltip x position by it's width. Since this only occurs if the tooltip would overflow the chart because of it's width.
This can be worked around by setting a min-width on the tooltip to ensure that all tooltips would overflow.
Steps to Reproduce
- Visit https://codepen.io/dareid/pen/azdVqKx
- Hover over the 3rd datapoint, note that the tooltip is centered above the bar.
- Hover over the 1st and 2nd datapoints, note that their x placement is significantly away from the bar.
Expected Behavior
All tooltips should be centered above the active bar.
Actual Behavior
Only tooltips whose width + the bar position is greater than the width of the chart get placed correctly.
Screenshots
Reproduction Link
https://codepen.io/dareid/pen/azdVqKx
Description
Small column charts have trouble calculating the tooltip position of elements for bars whose position + the width of the tooltip is < the chart width.
This happens because of the code at https://github.com/apexcharts/apexcharts.js/blob/main/src/modules/tooltip/Intersect.js#L200
which seems to be responsible for offsetting the tooltip x position by it's width. Since this only occurs if the tooltip would overflow the chart because of it's width.
This can be worked around by setting a min-width on the tooltip to ensure that all tooltips would overflow.
Steps to Reproduce
Expected Behavior
All tooltips should be centered above the active bar.
Actual Behavior
Only tooltips whose width + the bar position is greater than the width of the chart get placed correctly.
Screenshots
Reproduction Link
https://codepen.io/dareid/pen/azdVqKx