Y Axis annotations z-index

[emololftw]

Dear community,

did you resolve problem with annotations instead of Y axis labels. Example:

Satisfying result is get my annotation is front of all Y axis labels / series etc.
I tried change z-index css property of .apexcharts-yaxis-annotations

Did you know how to solve? Best regards, emo

[emololftw]

Edit: I found annotation element is svg. So i cannot apply css rules. So for now i fixed my issue by adding event listener (im es6 beginner) for re-copy yaxis to lower priority in DOM.

export default function apexChartsAnnotationsZIndex() {
	document.addEventListener('DOMContentLoaded', () => {
		const elements = document.querySelectorAll(".apexcharts-svg");
		elements.forEach((svg) => {
			svg.insertBefore(
				svg.querySelector(".apexcharts-yaxis"),
				svg.querySelector(".apexcharts-graphical")
			)
		})
	})
}