HighCharts Angular -来自API的数据未显示在图表中

npm install highcharts-angular --save

import { HighchartsChartModule } from 'highcharts-angular';
import * as Highcharts from 'highcharts';

@NgModule({
  imports: [ HighchartsChartModule ],
  providers: [
    { provide: HighchartsStatic, useValue: Highcharts }
  ]
})
export class AppModule { }

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getDataFromAPI() {
  return this.http.get('API_URL');
}

<highcharts-chart [Highcharts]="highcharts" [options]="chartOptions"></highcharts-chart>

import { Component, OnInit } from '@angular/core';
import * as Highcharts from 'highcharts';

@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.css']
})
export class ChartComponent implements OnInit {
  highcharts = Highcharts;
  chartOptions: Highcharts.Options = {};

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getDataFromAPI().subscribe(data => {
      this.chartOptions = {
        title: { text: 'Chart Title' },
        series: [{ data: data }]
      };
    });
  }
}