（Angular 4）Highcharts更改数据不会更新图表

Question

我有一个这样的图表：

<chart [options]="options"></chart>

其中选项在组件构造函数中定义，如下所示：

options;

initChart(){
    this.options = {
      title : { text : 'original title' },
      series: [{
        data: [],
      }]
    };
  }

现在我调用这个函数时：

changeTitle(){
  this.options.title.text = 'different title';
  console.log(this.options.title.text);
}

我可以在控制台中看到标题已更改，但在图表本身中它仍然是原始标题。

但是，如果我创建一个新的选项对象并覆盖旧的选项对象：

  changeTitle2(){
    this.options = {
      title : { text : 'different title' },
      series: [{
        data: [],
      }]
    };
  }

一切正常。现在我不想这样做，因为我希望能够将其他数据点推送到图表而不重新绘制此处显示的所有内容：Link

我意识到他们在那里使用图表对象，而不是数据的JSON对象，但由于某种原因，我无法使用var x = Highcharts.chart(...);在组件中创建图表对象，我收到此错误我没有＆＃ 39;理解：

  

＆＃39; Highcharts＆＃39;是指UMD全局，但当前文件是一个模块。请考虑添加导入。

我尝试导入所有内容，但它只是没有工作......