如何将 Angular Highcharts 添加到我的 Angular 项目中？

Question

我愿意

npm install highcharts-angular --save
npm install highcharts --save

然后我将它添加到 app.module.ts

import { HighchartsChartModule } from 'highcharts-angular';

和

@NgModule({
imports: [
...
HighchartsChartModule

然后将其添加到我的 component.ts 中：

import * as Highcharts from 'highcharts';
Highcharts: typeof Highcharts = Highcharts;
chartOptions: Highcharts.Options = {
series: [
  {
    type: 'line',
    pointInterval: 24 * 3600 * 1000,
    data: [1, 2, 3, 4, 5]
  }
]

};

在 HTML 文件中我添加了这个

<highcharts-chart [Highcharts]="Highcharts" [options]="chartOptions" style="width: 100%; height:400px; display: block;"></highcharts-chart>

但是什么都没出现

Answer 1

你可以按照下面的链接。我这边工作正常

https://stackblitz.com/edit/angular-hsodq9