如何将highchart-more导入angular 4项目

Question

在我的角度4项目中，我使用高级图表作为行列和区域范围图表的组合图表。

我使用以下npm包进行highcharts。 https://github.com/highcharts/highcharts

以下是我在typescript组件中导入highcharts模块的方法

import { chart } from 'highcharts';

但我的图表依赖于highcharts-more.js文件。此文件存在于 节点模块＆gt; highcharts文件夹。

每当我使用区域范围图表时，我都会犯错误＃17，这是因为缺少高级图标文件。

如何将此highcharts-more模块导入我的组件。

我尝试了require('highcharts-more')，但没有用。因为我也遇到了错误。

Answer 1

检查这个要点：https://gist.github.com/jon-a-nygaard/f22ade93209277eea5b57c0f6ca51ea7

这应该有效：

import Highcharts from 'highcharts'
import addMore from "highcharts/highcharts-more";

addMore(Highcharts)

取自github问题的要点：https://github.com/highcharts/highcharts/issues/5638

替代解决方案：

import * as Highcharts from 'highcharts'
import * as HighchartsMore from 'highcharts/highcharts-more.src.js'
HighchartsMore(Highcharts)

Answer 2

你可以使用Angular的Highular包装器，例如

https://www.npmjs.com/package/angular-highcharts

或者，如果您使用的是Angular v4.0，请使用

https://github.com/cebor/angular-highcharts/blob/4/README.md

相同的回购，但说明适用于Angular v4