在没有任何第三方库的情况下将Highcharts与Angular5集成

Question

我正在尝试将Highcharts与Angular5项目集成。 我知道有一些诸如angular2-highcharts类的库，但我希望不要使用任何第3方并使用官方的highcharts。

使用npm install highcharts --save在项目中npm install highcharts --save 。

后续步骤是什么？ 我在文档中找不到任何内容。

有人能帮助我吗？

Answer 1

查看官方npm软件包网页以了解更多详细信息

脚步

1>从npm安装

npm install --save highcharts

2>在app.component.ts导入为

import  Highcharts from 'highcharts';
import Exporting from 'highcharts/modules/exporting';
import funnel from 'highcharts/modules/funnel';
Exporting(Highcharts);
funnel(Highcharts);

Stackblitz演示