Angular 13 Hightchart not loading in different tabs

Question

when page loaded(Home page), the highcharts are loading correctly. After changing tabs or components and then pressing back to the previous tab or component(Home page) , the highcharts doesn't loading

here i am using angular 13 ,highcharts, bootstrap 5

here is the link of stackblitz i have used https://stackblitz.com/edit/angular13-highcharts?file=src%2Fapp%2Fapp.component.ts

Answer 1

You can use reflow on chart to reload the view, more examples of uses you find on Highcharts angular wrapper.

  reflowChart(): void {
    this.chartRef.reflow();
  }

Example