angular2-highcharts 导入模块 highcharts-more

标签 angular highcharts ionic2 angular2-highcharts

我在 Ionic2(v2.0.0) 项目中使用 angular2-highcharts(v0.4.1) 组件。

当我运行我的页面时,我有一个 error 7 from highcharts.

我尝试在我的 Angular 组件上添加此代码,但没有成功......

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

还有这个...

declare var require: any;
const Highcharts = require('../../../node_modules/highcharts/highstock.src');
const HighchartsMore = require('../../../node_modules/highcharts/highcharts-more.js');
HighchartsMore(Highcharts);

有人向这个模块添加了一些组件吗?或者知道一些在 angular2 上使用 highcharts 的库?


ionic 信息:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.0.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v4.1.0
Xcode version: Not installed

最佳答案

我让它像这样工作(我使用的是 npm 的普通 highcharts,而不是 angular2-highcharts!):

import * as HighchartsMore from 'highcharts/highcharts-more';
import Highcharts from 'highcharts';

并在构造函数中:

HighchartsMore(Highcharts);

希望这有帮助!

关于angular2-highcharts 导入模块 highcharts-more,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42084669/

相关文章:

angular - chromedriver 版本错误。 Protractor 要求 2.31

javascript - 如何将数据从组件传递到包含数组的 .ts 文件?

javascript - 尝试添加新图表时,Highcharts 说未定义不是函数

javascript - 列范围上的 Highcharts minPointLength 不起作用

jquery - 需要使用 Highcharts 使工具提示边框颜色与标记颜色相同

javascript - 如何通过单击 Angular 2 按钮从表中删除特定行

javascript - 使用 Angular 从安全端点流式传输视频

css - ionic2 - 更改 .loadcontent 的字体属性

javascript - 与数组变量绑定(bind)时,IonSelect 和 ionCheckBox 不起作用

wordpress - Ionic 2 和 wordpress(如何“一分钟前、几小时前等”)