在 angular 处显示图表 6

Question

我正在按照 this 教程在 angular 6

显示来自 fusionchart 的图表

但它只显示此消息：

Cannot read property 'moduleObj' of undefined

我已在 app.module.ts

中完成导入

import { FusionChartsModule } from 'angular-fusioncharts';



// Import fusioncharts core in the root
import FusionCharts from 'fusioncharts/core';

// Import chart type
import Column2D from 'fusioncharts/viz/column2d'; // Column2D chart

// Import the fusion theme

import FusionTheme from 'fusioncharts/themes/es/fusioncharts.theme.fusion';
import { ChartComponent } from './chart/chart.component'
// Pass the fusioncharts library and chart modules

FusionChartsModule.fcRoot(FusionCharts, Column2D, FusionTheme);

@NgModule({
  imports:      [ BrowserModule, FormsModule,  FusionChartsModule ],
  declarations: [ AppComponent, HelloComponent, ChartComponent ],
  bootstrap:    [ AppComponent ]
})
This is my html:
Meu html está assim:

<fusioncharts
    width="700"
    height="400" 
    type="Column2d"
    [dataSource]="dataSource">
</fusioncharts>

这是我的stackblitz

Answer 1

我遇到了同样的问题，但后来发现 stackblitz 内部试图将代码编译成 ES5，但是在 FusionCharts 最近的模块化构建中，它们在内部使用所有 ES6 模块语法，因此，stackblitz 无法运行图表，但是，如果您使用 Angular CLI 在本地检查示例，它将正常工作。如果您需要任何帮助，请告诉我，如果需要，我可以分享示例。

在 angular 处显示图表 6

Show chart at angular 6

angular6

fusioncharts