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

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

我正在使用以下npm包用于highcharts . https://github.com/highcharts/highcharts

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

import { chart } from 'highcharts';

但我的图表依赖于highcharts-more.js文件 . 此文件存在于node-modules> highcharts文件夹中 .

每当我使用区域范围图表时,我都会遇到错误#17,这是因为缺少了更多的文件 .

如何将此highcharts-more模块导入到我的组件中 .

我试过 require('highcharts-more') ,但没用 . 因为我也遇到了错误 .

回答(2)

3 years ago

检查这个要点: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

Alternative solution:

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

3 years ago

您可以使用Angular包装器来实现Highchart,例如

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

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

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

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