ng-amchart

ng-amchart

Tested for angular5

Installation

npm install ng-amchart

Add amcharts.js to index.html

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script><!-- must be before amstock -->
<script src="https://www.amcharts.com/lib/3/amstock.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

How to use

imports amchart module

import { AmChartModule } from "ng-amchart";
@NgModule({
    imports: [ AmChartModule ]
})

imports amchart service

import { AmChartsService } from "ng-amchart";
export class myPage
private chart:any;
constructor( protected amchartSvc:AmChartsService) {}

    ngAfterViewInit() {

     this.chart = this.amchartSvc.makeChart("chartdiv", {
       "type": "serial",
       "theme": "light",
       "categoryField": "category",
       "graphs": [
   {
     "valueField": "value"
   }
 ],
       "dataProvider": [ {
             "category": "item1",
             "value": 8,

           },
           {
             "category": "item2",
             "value": 4,
           },
           {
             "category": "item3",
             "value": 15,
           },
           {
             "category": "item4",
             "value": 4,
           }]
     });
   }


   ngOnDestroy() {
     if (this.chart) {
       this.amchartSvc.destroyChart(this.chart);
     }