.highcharts-container { overflow: visible !important; }
.highcharts-axis-labels text
    {
    overflow: visible !important;
}

<text x="229.0625" style="color: rgb(96, 96, 96); cursor: default;     font-size: 9px; padding: 0px; fill: rgb(96, 96, 96);" text-anchor="middle"   transform="translate(0,0)" y="32" opacity="1">
<tspan>47…</tspan>
<title>47.5k</title>
</text>

labels: {
    autoRotation: false,
    style: {
    width: '200px',
    'min-width': '200px'
},

xAxis: {
    labels: {
        style: {
            textOverflow: 'none'
        }
    }
}

xAxis: {
    labels: {
      useHTML: true,
      formatter() {
        let label = this.value;
        let title = this.value;
        let style = `text-overflow: ellipsis; overflow: hidden;`; // <- YOUR OWN STYLE
        return `<div style="${style}" title="${title}">${label}</div>`;
      }
    },
  },