首页 文章

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

提问于
浏览 1978
2

在我的角度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 回答

  • 2

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

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

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

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

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

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

相关问题