Merge branch 'release/1.0.2-rc.2'

Author: rohitkr

.gitignore

@@ -3,8 +3,6 @@ node_modules/*
 npm-debug.log
 
 # TypeScript
-*.js
-*.map
 *.d.ts
 
 # JetBrains

README.md

@@ -2,22 +2,27 @@
 
 ## Installation
 
-To install this library, run:
+To install `angular2-fusioncharts` library, run:
 
 ```bash
 $ npm install angular2-fusioncharts --save
 ```
 
-and then from your Angular `AppModule`:
+And then in your Angular `AppModule`:
 
 ```typescript
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
 
-// Import your library
-import { FusionChartsComponent } from 'angular2-fusioncharts';
+// Import angular2-fusioncharts
+import { FusionChartsModule } from 'angular2-fusioncharts';
+
+// Import FusionCharts library
+import * as FusionCharts from 'fusioncharts';
+// Import FusionCharts Charts module
+import * as Charts from 'fusioncharts/fusioncharts.charts';
 
 @NgModule({
   declarations: [
@@ -26,20 +31,63 @@ import { FusionChartsComponent } from 'angular2-fusioncharts';
   ],
   imports: [
     BrowserModule,
-
-    // Specify your library as an import
-    LibraryModule
+    // Specify FusionChartsModule as an import 
+    // and pass FusionCharts and Charts as a dependency
+    FusionChartsModule.forRoot(FusionCharts, Charts),
   ],
   providers: [],
   bootstrap: [AppComponent]
 })
 export class AppModule { }
 ```
 
-Once your library is imported, you can use its components, directives and pipes in your Angular application:
+Once the library is imported, you can use its components, directives in your Angular application:
+
+In your Angular AppComponent:
+
+```javascript
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'my-app',
+  templateUrl: './app.component.html'
+})
+export class AppComponent {
+  dataSource: Object;
+  title: string;
+
+  constructor() {
+    this.title = "Angular 2 FusionCharts Sample";
+
+    this.dataSource = {
+      "chart": {
+        "caption": "Harry's SuperMart",
+        "subCaption": "Top 5 stores in last month by revenue"
+      },
+      "data": [{
+        "label": "Bakersfield Central",
+         "value": "880000"
+      }, {
+        "label": "Garden Groove harbour",
+        "value": "730000"
+      }, {
+        "label": "Los Angeles Topanga",
+        "value": "590000"
+      }, {
+        "label": "Compton-Rancho Dom",
+        "value": "520000"
+      }, {
+        "label": "Daly City Serramonte",
+        "value": "330000"
+      }]
+    }
+  }
+}
+```
 
+    
 ```xml
-<!-- You can now use your library component in app.component.html -->
+<!-- You can now use fusioncharts component in app.component.html -->
 <h1>
   {{title}}
 </h1>
@@ -48,35 +96,7 @@ Once your library is imported, you can use its components, directives and pipes
     height="350"
     type="Column2D"
     dataFormat="JSON"
-    dataSource=`{
-          "chart": {
-              "caption": "Harry's SuperMart",
-              "subCaption": "Top 5 stores in last month by revenue"
-          },
-          "data": [
-              {
-                  "label": "Bakersfield Central",
-                  "value": "880000"
-              },
-              {
-                  "label": "Garden Groove harbour",
-                  "value": "730000"
-              },
-              {
-                  "label": "Los Angeles Topanga",
-                  "value": "590000"
-              },
-              {
-                  "label": "Compton-Rancho Dom",
-                  "value": "520000"
-              },
-              {
-                  "label": "Daly City Serramonte",
-                  "value": "330000"
-              }
-          ]
-      }
-    `
+    [dataSource]="dataSource"
 ></fusioncharts>
 ```
 

build/.gitignore

@@ -0,0 +1,12 @@
+# Node
+node_modules/*
+*.log
+
+
+# Windows
+Thumbs.db
+Desktop.ini
+
+# Mac
+.DS_Store
+**/.DS_Store