JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/mouse-wheel-zoom.js"></script>

<div id="container"></div>

CSS

#container {
    height: 500px;
    min-width: 310px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {
    chart: {
    		events: {
        		redraw: function(){
        				console.log(this.get("serieId").yAxis.options.id);
                console.log(this.get("serieId").xAxis.options.id);
        		}
        },
        zooming: {
            type: "xy"
        }
    },
    
    xAxis: [
    		{
        		id: "xAxisId"
        }
    ],
    
    yAxis: [
    		{
        		id: "yAxisId"
        }
    ],

    series: [{
    		id: "serieId",
        data: [1, 4, 3, 5, 3, 2, 3, 4, 5, 6, 7, 7, 5, 5, 4, 4, 3]
    }]
});