在Angular 7中使用导出Highchart时,出现以下错误通常是由于Highchart库没有正确导入或配置导致的。解决该错误的步骤如下:
package.json
文件中查看是否包含了Highchart的依赖项。如果没有,请运行以下命令安装:npm install highcharts --save
angular.json
文件的scripts
数组中添加Highchart的路径来实现。示例代码如下:"scripts": [
"node_modules/highcharts/highcharts.js"
]
import * as Highcharts from 'highcharts';
chartOptions: Highcharts.Options = {
// Highchart配置项
};
ngOnInit
)中使用以下代码来生成Highchart图表:ngOnInit() {
Highcharts.chart('chart-container', this.chartOptions);
}
请确保将上述代码中的chart-container
替换为你要显示Highchart图表的HTML元素的ID。
参考链接:
领取专属 10元无门槛券
手把手带您无忧上云