Change position xcrosshairs in column bar chart

[klipperklip]

I'm trying to change the position of the line and position it in the center of the column.
Im use this setting code and some css prop
xaxis: { crosshairs: { show: true, opacity: 1, position: 'back', stroke: { width: 1, dashArray: 0 } }, }

#headQty .apexcharts-bar-area { position: relative !important; }
#headQty .apexcharts-xcrosshairs { position: absolute !important; right: 20px !important; width:1px !important; transform: translateX(3%); stroke: #7f7f84; }

If i use css prop "position: realtive/absolute", then my line dont move. The only thing that works at all is transform: translateX , but the line isn't always centered when the scale changes.