ошибка highcharts -13, пока графики были отрисованы

Я использую highcharts в своем угловом приложении. Несмотря на то, что мои диаграммы отображаются при загрузке, я все еще получаю highcharts # error-13 в моей консоли.

Я вызываю свой метод диаграммы рендеринга внутри ловушки жизненного цикла ngOnInit. Я также добавил проверку, чтобы убедиться, что метод должен вызываться только после того, как данные доступны.

Мой html: <div [attr.id]="chartContainerID" class="chart-container mt-0"></div>

Мой ts файл:

export class MyComponent implements OnInit, {
  chartContainerId: string;

  constructor(private xrangechart: XrangeChartService, ) {
    if (!this.chartContainerId) {
    this.chartContainerId = String(Math.random());
  }}

  ngOnInit() {
    // to do call the service here.
    this.getData();
  }

  renderChart(chartOptions: any) {
    const chart = this.xrangechart.renderChart(this.chartContainerId, chartOptions);
    if (chart) {
       this.plotShapes(chart);
    }
 }
 getData() {
   this.dataservice.subscribe(data => {
    if (data !== null && data !== undefined &) {
      console.log(data);
      this.dataReturned = data;
      this.renderChart(this.setChartOptions());
    }
  });
}


  setChartOptions() {
    const chartOptions: any = {};
    // Setting chart height
    chartOptions.height = 300;
    // Setting the click event on the label
    chartOptions.data = this.dataReturned.data;
    // to set the yaxis
    chartOptions.yAxis = {
        gridLineWidth: chartContainer.gridLineWidth,
        margin: 0,
        title: {
            text: ''
        },
        categories: this.data.categories,
        reversed: true
      };
    return chartOptions;
  }


  plotShapes(chart: any) {
    // some logic to plot shape
}

}

Ожидается: ошибки в консоли не должно быть, и диаграммы должны отображаться без ошибок