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

提问于 2024-04-27T06:52:54+08:00

浏览次

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)
```
回复于 2024-04-27T06:52:54+08:00
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
回复于 2024-04-27T06:52:54+08:00

相关问题