在Angular2中的Highcharts中切换选项

Question

我正在Angular2＆amp; amp;写作SPA Web App打字稿。 屏幕的重要部分由Highcharts图形区域占据， 可能存在几个完全不同的图形（具有不同的尺度，图例等因此，不同的选项）。 所以最初我在那里指定了Options1（OptionsDflt），但是用户可以与app进行交互， 它应该显示Options2或Options3 ...... 那么有没有办法改变选项（到目前为止它对我不起作用，我尝试了setOptions（），update（），draw（） - 没有运气）。

或者将每个图表放在面板上并像堆叠卡一样操作是否有意义？

以下是我的代码片段，也许会有所帮助。

因此，在Angular2.0页面模板中，我将HighCharts图形定义为：

<chart id="linechart" (load)="saveChart($event.context)" [options]="optionsDflt" ></chart>

then in Constructor I define optionsDflt and options1.

optionsDflt : Object; 
options1 : Object; 
chart1 : any; 

saveChart(chart) {
this.chart1 = chart; 
}

onUserClick() { // that is where it should switch to graph defined by options1
// populate options1 series with data from JSON retrieved from DB
// populate xAxis categories 
this.chart1.xAxis[0].setCategories(this.options1.xAxis.categories, true);

// here I try to set options1 in chart1 - but all 3 lines give me that it "is not a function"
this.chart1.update(this.options1);
this.chart1.setOptions(this.options1);
this.chart1.redraw(this.options1);

this.saveChart(this.options1); // tried that also - did not work
}

知道如何将图表设置为options1吗？

我在这里做错了什么？

我是Highcharts的新手，也是Angular2的新手。

请告知。

TIA， 奥列格。