Jul*_*ian 10 angular-cli angular2-highcharts angular
我正在失去理智和头发.我在Angular 2中导入HighCharts但需要一些额外的库.到目前为止,我的代码中有
import {ChartModule} from 'angular2-highcharts';
@NgModule({
....
imports:[
ChartModule.forRoot(require('highcharts'), require('highcharts/modules/drilldown'))})
]
Run Code Online (Sandbox Code Playgroud)
但我一直收到这个错误
ERROR in Error遇到静态解析符号值.调用函数'ChartModule'.不支持函数调用.考虑使用对导出的fucntion的引用替换函数或lambda.
所以我试过了
export function highchartsRequire:any {
return{
require('highcharts'),
require('highcharts/modules/drilldown')
}
}
...
ChartModule.forRoot(highchartsRequire())
Run Code Online (Sandbox Code Playgroud)
仍然无法正常工作.有任何想法吗?
使用角度2角度cli:1.0.0-beta.30
更新 - 感谢JayChase让它部分运作
这有效
export function highchartsFactory() {
return require('highcharts');
}
Run Code Online (Sandbox Code Playgroud)
但我一次不能要求两个
declare var require: any;
export function highchartsFactory() {
return function () {
require('highcharts');
require('highcharts/modules/drilldown')
};
}
@NgModule({
imports: [
ChartModule
],
providers: [
{
provide: HighchartsStatic,
useFactory: highchartsFactory
}
],
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?谢谢.
Jay*_*ase 25
有开放,这和解决方法的问题,这里使用的导出函数.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { ChartModule } from 'angular2-highcharts';
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';
import { AppComponent } from './app.component';
declare var require: any;
export function highchartsFactory() {
const hc = require('highcharts');
const dd = require('highcharts/modules/drilldown');
dd(hc);
return hc;
}
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
ChartModule
],
providers: [
{
provide: HighchartsStatic,
useFactory: highchartsFactory
}
],
bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)