maddmike1959
Posts: 57
Joined: Thu Aug 17, 2017 8:40 pm

Annotations and Zooming

Having an issue where clicking and dragging inside the annotation does not allow the chart to zoom. Tried setting the zIndex to -999 but still does not work.

https://jsfiddle.net/maddmike1959/w6mc7xh0/25/
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Annotations and Zooming

Hello,

Thank you for contacting us with your question.

You can solve your issue with CSS, by adding a property pointer-events: none. If you would like to apply it to all annotations, you can do it globally in the CSS file by adding this property to the .highcharts-annotation class.

In the demo below I have prepared a solution, where only a specific annotation is targeted and has this property set to none.

DEMO: https://jsfiddle.net/BlackLabel/5pLt7h4z/
MDN: https://developer.mozilla.org/en-US/doc ... ter-events

Please do not hesitate to contact us with other questions,
Regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Stock”