55To install ` angular2-fusioncharts ` library, run:
66
77``` bash
8- $ npm install angular2 -fusioncharts --save
8+ $ npm install angular -fusioncharts --save
99```
1010
1111And then in your Angular ` AppModule ` :
@@ -17,15 +17,15 @@ import { NgModule } from '@angular/core';
1717import { AppComponent } from ' ./app.component' ;
1818
1919// Import angular2-fusioncharts
20- import { FusionChartsModule } from ' angular2 -fusioncharts' ;
20+ import { FusionChartsModule } from ' angular -fusioncharts' ;
2121
2222// Import FusionCharts library and chart modules
23- import * as FusionCharts from ' fusioncharts' ;
24- import * as Charts from ' fusioncharts/fusioncharts.charts ' ;
25- import * as FintTheme from ' fusioncharts/themes/fusioncharts.theme.fint' ;
23+ import FusionCharts from ' fusioncharts/core ' ;
24+ import Column2d from ' fusioncharts/viz/column2d ' ;
25+ import FintTheme from ' fusioncharts/themes/es /fusioncharts.theme.fint' ;
2626
2727// Pass the fusioncharts library and chart modules
28- FusionChartsModule .fcRoot (FusionCharts , Charts , FintTheme );
28+ FusionChartsModule .fcRoot (FusionCharts , Column2d , FintTheme );
2929
3030@NgModule ({
3131 declarations: [
@@ -62,26 +62,24 @@ export class AppComponent {
6262
6363 this .dataSource = {
6464 " chart" : {
65- " caption" : " Harry's SuperMart" ,
66- " subCaption" : " Top 5 stores in last month by revenue"
65+ " caption" : " Countries With Most Oil Reserves [2017-18]" ,
66+ " subCaption" : " In MMbbl = One Million barrels" ,
67+ " xAxisName" : " Country" ,
68+ " yAxisName" : " Reserves (MMbbl)" ,
69+ " numberSuffix" : " K" ,
70+ " theme" : " fusion" ,
6771 },
68- " data" : [{
69- " label" : " Bakersfield Central" ,
70- " value" : " 880000"
71- }, {
72- " label" : " Garden Groove harbour" ,
73- " value" : " 730000"
74- }, {
75- " label" : " Los Angeles Topanga" ,
76- " value" : " 590000"
77- }, {
78- " label" : " Compton-Rancho Dom" ,
79- " value" : " 520000"
80- }, {
81- " label" : " Daly City Serramonte" ,
82- " value" : " 330000"
83- }]
84- }
72+ " data" : [
73+ { " label" : " Venezuela" , " value" : " 290" },
74+ { " label" : " Saudi" , " value" : " 260" },
75+ { " label" : " Canada" , " value" : " 180" },
76+ { " label" : " Iran" , " value" : " 140" },
77+ { " label" : " Russia" , " value" : " 115" },
78+ { " label" : " UAE" , " value" : " 100" },
79+ { " label" : " US" , " value" : " 30" },
80+ { " label" : " China" , " value" : " 30" }
81+ ]
82+ };
8583 }
8684}
8785```
@@ -114,4 +112,4 @@ To lint all `*.ts` files:
114112``` bash
115113$ npm run lint
116114```
117- ### [ Demos and Documentation] ( http://fusioncharts.github.io/angular2 -fusioncharts/ )
115+ ### [ Demos and Documentation] ( http://fusioncharts.github.io/angular -fusioncharts/ )
0 commit comments