Clean up demo

Author: jeanettephung

src/app/app.component.html

@@ -1,25 +1,3 @@
-<!-- <div>
-  <h3>Simple Chart</h3>
-  <zingchart-angular
-    #chart1
-    [config]="config"
-    [height]="200"
-    (complete)="onComplete($event)"
-    (node_click)="nodeClick($event)">
-  </zingchart-angular>
-
-  <button (click)="getData()">Fetch Data</button>
-  <hr>
-
-  <h3>Dynamic Chart</h3>
-  <zingchart-angular [config]="dynamicConfig" [series]="series"></zingchart-angular>
-
-  <hr>
-
-  <h3>Maps Chart</h3>
-  <zingchart-angular [config]="mapsConfig" [height]="500"></zingchart-angular>
-</div> -->
-
 <nav class="navbar">
   <h1>
     <a [routerLink]="['/']">ZingChart Angular Playground</a>

src/app/app.component.ts

@@ -9,57 +9,5 @@ import 'zingchart/modules-es6/zingchart-maps-usa.min.js';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  @ViewChild('chart1', { static: false }) chart1: any;
-
-  interval: any;
   title = 'zing-app';
-  config = {
-    type: 'line',
-    series: [{
-      values: [3,4,5,5,6,7,5,3]
-    }]
-  };
-  dynamicConfig = {
-    type: 'area', 
-  };
-  mapsConfig = {
-    shapes: [
-      {
-        type: 'zingchart.maps',
-        options: {
-          name: 'usa',
-          ignore: ['AK', 'HI']
-        }
-      }
-    ]
-  };
-  series = [{
-    alpha: 1,
-    values: [2,3,5,5],
-  }];
-
-  getData() {
-    console.log('Fetching zingchart config object', this.chart1.getdata());
-  };
-
-  nodeClick(event: Event) {
-    console.log('zingchart node clicked test!', event);
-  }
-  
-  onComplete(event: Event) {
-    console.log('Fetching zingchart config object', this.chart1.getdata());
-  }
-
-  ngOnDestroy() {
-    window.clearTimeout(this.interval);
-  }
-
-  ngAfterContentInit()	{
-    this.interval = setInterval(() => {
-      this.series = [{
-        alpha: 1,
-        values: [5,11,15,25].map(val => Math.floor(Math.random() * val)),
-      }]
-    }, 2000)
-  }
 }