我在柱形图中更新系列数据有问题。一开始,当我的模型为空时,我将一个空数组设置为系列,然后在ngOnchanges方法中将my 映射modelData到匹配格式。不幸的是,图表仍然是空的。这是我的组件代码:
export class ColumnChartComponent implements OnInit, OnChanges {
highcharts = Highcharts;
chartConstructor: string;
@Input() dataModel: MyChartModel[];
ngOnInit(): void {
this.initChart();
}
ngOnChanges(): void {
this.chartOptions = {
series: this.getData()
};
}
private initChart(): void {
this.highcharts = Highcharts;
this.chartConstructor = "chart";
this.chartOptions = {
chart: {
type: "column"
}
//...
// others settings
//...
series: []
};
}
getData(){
// some methods to map from dataModel to expected array
// finally return something like this: …Run Code Online (Sandbox Code Playgroud)