时间戳

首页 > 解决方案 > 如何将 Angular Highcharts 添加到我的 Angular 项目中？

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

问题描述

我愿意

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>

但什么也没出现

标签： angularhighcharts

解决方案

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

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

推荐阅读