Tooltip Position Wrong with CSS Zoom

[steve]

When I apply the CSS zoom style to my chart, the tooltip position becomes incorrect. The tooltip is not showing the correct series my pointer is located at and the tooltip box is not aligned with my pointer.

Please help, thanks.

 

[svetoslav_borislavov]

Hi,

Do you mean using the range selector for zooming?
May you please send us an example of the problem?
This way it would be easier for us to find and resolve the problem.

We are waiting for your reply!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[steve]

Hi,

It is very easy to replicate. You can make sure of the sample line chart at https://www.htmlelements.com/vue/demos/chart/line-series/

Just edit the smart chart element there by ‘right-click and inspect’ and then add a style ‘zoom: 0.8’ to it. The chart will become smaller size. And, you can see that the tooltip is not showing the correct series my cursor is pointing at and the tooltip position is not aligned with my pointer.

[Markov]

Hi Steve,

Thank you for the feedback. Unfortunately, CSS zoom is currently not supported by the Chart.

Best Regards,
Boyko

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts