Accepted answer

you need to call chart.reflow method in onresizestop event callback function.

return (
    onresizestop={(e, direction, ref, delta, position) => {
      const chart = this.chartcomponent.current?.chart;
      if (chart) {

from highcharts api:

reflow( [e])

reflows the chart to its container. by default, the chart reflows automatically to its container following a window.resize event, as per the chart.reflow option. however, there are no reliable events for div resize, so if the container is resized without a window resize event, this must be called explicitly.

live demo:

api reference:

Related Query

More Query from same tag