Modify import statement of FusionCharts

Modify README.md file

Author: rohitkr

README.md

@@ -21,8 +21,11 @@ import { FusionChartsModule } from 'angular2-fusioncharts';
 
 // Import FusionCharts library
 import * as FusionCharts from 'fusioncharts';
-// Import FusionCharts Charts module
-import * as Charts from 'fusioncharts/fusioncharts.charts';
+// Load FusionCharts Charts module
+let Charts = require('fusioncharts/fusioncharts.charts');
+
+// Resolve charts dependency
+Charts(FusionCharts);
 
 @NgModule({
   declarations: [
@@ -31,9 +34,9 @@ import * as Charts from 'fusioncharts/fusioncharts.charts';
   ],
   imports: [
     BrowserModule,
-    // Specify FusionChartsModule as an import 
-    // and pass FusionCharts and Charts as a dependency
-    FusionChartsModule.forRoot(FusionCharts, Charts),
+    // Specify FusionChartsModule as import
+    // and pass FusionCharts as a dependency
+    FusionChartsModule.forRoot(FusionCharts)
   ],
   providers: [],
   bootstrap: [AppComponent]

package.json

@@ -54,7 +54,7 @@
     "@angular/platform-browser-dynamic": "^4.0.0",
     "@angular/router": "^4.0.0",
     "@types/jasmine": "2.5.38",
-    "@types/node": "~6.0.60",
+    "@types/node": "^6.0.85",
     "angularjs2-tabs": "0.0.1-beta.1",
     "bootstrap": "^3.3.7",
     "codelyzer": "~2.0.0",

src/app/app.module.ts

@@ -29,25 +29,32 @@ import { LocationStrategy, HashLocationStrategy } from '@angular/common';
 
 // Load FusionCharts
 import * as FusionCharts from 'fusioncharts';
-declare const require: any;
+
 // Load charts module
-const Charts = require('fusioncharts/fusioncharts.charts');
+let Charts = require('fusioncharts/fusioncharts.charts');
+// import * as Charts from 'fusioncharts/fusioncharts.charts';
+// Load PowerCharts module
+let PowerCharts = require('fusioncharts/fusioncharts.powercharts');
+// import * as PowerCharts from 'fusioncharts/fusioncharts.powercharts';
+// Load Widgets module
+let Widgets = require('fusioncharts/fusioncharts.widgets');
+// import * as Widgets from 'fusioncharts/fusioncharts.widgets';
+// Load Maps module
+let Maps = require('fusioncharts/fusioncharts.maps');
+// import * as Maps from 'fusioncharts/fusioncharts.maps';
+// Load WorldMap module
+let WorldMap = require('fusioncharts/maps/fusioncharts.world');
+// import * as WorldMap from 'fusioncharts/maps/fusioncharts.world';
 // Load Ocean theme
-const Ocean = require('fusioncharts/themes/fusioncharts.theme.ocean');
-
-
-const PowerCharts = require('fusioncharts/fusioncharts.powercharts');
-const Widgets = require('fusioncharts/fusioncharts.widgets');
-const Maps = require('fusioncharts/fusioncharts.maps');
-const World = require('fusioncharts/maps/fusioncharts.world');
-const fint = require('fusioncharts/themes/fusioncharts.theme.fint');
+let Ocean = require('fusioncharts/themes/fusioncharts.theme.ocean');
+// import * as Ocean from 'fusioncharts/themes/fusioncharts.theme.ocean';
 
 Charts(FusionCharts);
 Ocean(FusionCharts);
 PowerCharts(FusionCharts);
 Widgets(FusionCharts);
 Maps(FusionCharts);
-World(FusionCharts);
+WorldMap(FusionCharts);
 
 @NgModule({
   declarations: [

src/app/fusioncharts/ex1/ex1.html

@@ -1,9 +1,6 @@
 
 <fusioncharts
-    width="600" 
-    height="400"
-    type="column2d"
-    dataFormat="json"
+    [chartConfig]=chartConfig
     [dataSource]=dataSource >
 </fusioncharts>
 

src/app/fusioncharts/ex1/ex1.ts

@@ -13,10 +13,19 @@ export class Ex1 implements AfterViewInit {
     demoId = 'ex1';
     sampleCode = fcDemos;
     dataSource: Object;
+    chartConfig: Object;
 
     constructor() {
         this.sampleCode = fcDemos;
 
+        this.chartConfig = {
+            width: "600",
+            height: "400",
+            type: "column3d",
+            dataFormat: "json",
+            creditLabel: 'false'
+        };
+
         this.dataSource = {
             chart: {
                 caption: "Harry's SuperMart",

src/tsconfig.app.json

@@ -4,7 +4,14 @@
     "outDir": "../out-tsc/app",
     "module": "es2015",
     "baseUrl": "",
-    "types": []
+    // typeRoots option has been previously configured
+    "typeRoots": [
+      // add path to @types
+      "node_modules/@types"
+    ],
+    "types": [
+      "node"
+    ]
   },
   "exclude": [
     "test.ts",