显示角度为6的图表

时间:2018-09-17 16:06:15

标签: angular6 fusioncharts

我正在按照this教程来演示Fusionchart在角度6处的杂音

但是它只显示此消息:

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

1 个答案:

答案 0 :(得分:3)

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