在Angular中使用Highcharts（>；=8.0.1）函数stockChart（）时出错

当我使用从

Highcharts/highstock

导入的函数

Highcharts.stockChart

时，我收到以下错误（单击时）：

highstock.src.js:3417错误：属性宽度：预期长度，“NaN”。

和

highstock.src.js:3417错误：属性x:预期长度，“NaN”。

如果我使用highcharts版本8.0.0（或7.1.2），我不会得到任何错误

我最初认为这些错误是由我的数据集引起的，所以我继续模拟它，但它不起作用。然后，我尝试模拟传递给函数

Highcharts.stockChart（doElement，options）

的对象“options”，但还是不起作用。
即使是对该函数的干净调用也不起作用：

Highcharts.stockChart（domElement，{}）

Stackblitz:
（文件tds-chart.component.ts-查看Chrome DevTools控制台以查看错误消息）

这是我的组件的代码（检查函数

updateOrCreateChart

）：

导入{
改变检测策略，
改变，
组成部分，
ElementRef，
输入，
NgZone，
OnDestroy，
奥尼特
}从“@angular/core”开始；
从“highcharts”导入{Chart，Options}；
从“rxjs”导入{BehaviorSubject，Subscription}；
从“Highcharts/highstock”导入*作为Highcharts；
@组成部分({
选择器：“tds图表”，
模板：“”，
exportAs:'tdsChart'，
changeDetection:ChangeDetectionStrategy.OnPush
})
//tslint：禁用下一行：组件类后缀
导出类TdsChart实现OnDestroy，OnInit{
private _options$=新行为主体（null）；
私人(sub):认购;；
专用图表：图表；
@Input（）构造函数类型：string；
@Input（）oneToOne=false；
@Input（）runOutsideAngular=true；
@Input（）调用函数：（chart:chart）=>void；
@Input（）设置选项（val:options）{
此._选项$.next（val）；
}
获取图表（）{
返回此。\u图表；
}
建造师(
二等兵el:ElementRef，
私人区域：NgZone，
专用cd:ChangeDetectorRef
) { }
恩戈尼尼特（）{
this.\u sub=this.\u options$.subscribe（（）=>this.wrappedUpdateOrCreateChart（））；
}
重画{
this.\u options$.next（this.\u options$.value）；
}
私有wrappedUpdateOrCreateChart（）{
如果（此跳动为侧向角度）{
此区域。向外偏转角度（（）=>{
设置超时（（）=>{
this.updateOrCreateChart（）；
这个._cd.markForCheck（）；
}, 1);
});
}否则{
设置超时（（）=>{
this.updateOrCreateChart（）；
这个._cd.markForCheck（）；
}, 1);
}
}
私有更新或创建图表（）{
如果（本图）{
//做
}否则{
this.\u chart=Highcharts.stockChart（'myDiv'，{}，null）；
}
}
恩贡德斯特罗（）{
如果（本附件）{
这是取消订阅（）；
}
如果（本图）{
这个._chart.destroy（）；
这是。_chart=null；
}
}
}

关于此错误，在图表上有一个详细的说明

本期报告了8.0.1+版本的解决方案

演示：

（功能（H）{
包装纸(
H.Navigator.prototype，
"戴面具",，
功能（继续、zoomedMin、zoomedMax）{
如果（！H.isNumber（zoomedMin）| |！H.isNumber（zoomedMax））{
返回；
}
apply（这个，Array.prototype.slice.call（参数，1））
}
);
})（高图）；