JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="c" style="margin: 0 auto"></div>
<button id="click">click</button>
JavaScript
$(function () {
$('#c').highcharts({
series: [{
data: [10, 20, 30]
}]
});
$("#click").click(function () {
var ticks = $('#c').highcharts().xAxis[0].ticks,
tick, el;
for (tick in ticks) {
el = ticks[tick];
console.log(tick, ': BoundingBox: ', el.label.getBBox(), ', X:', el.label.attr('x'), ', Y:', el.label.attr('y') );
}
});
});