Highchart用作angular指令时不能动态调整大小

import * as Highcharts from 'highcharts';
import HC_exporting from 'highcharts/modules/exporting';
import HC_exportData from 'highcharts/modules/export-data';
import HC_accessibility from 'highcharts/modules/accessibility';

HC_exporting(Highcharts);
HC_exportData(Highcharts);
HC_accessibility(Highcharts);

chart: Highcharts.Chart;

ngOnInit() {
  this.chart = Highcharts.chart('chart-container', {
    // Highcharts配置选项
    chart: {
      type: 'line',
      height: 400 // 设置初始高度
    },
    // 其他配置项
    // ...
  });
}

ngAfterViewInit() {
  const chartContainer = document.getElementById('chart-container');
  const observer = new ResizeObserver(() => {
    this.chart.setSize(chartContainer.offsetWidth, chartContainer.offsetHeight);
  });
  observer.observe(chartContainer);
}