Merge pull request #13 from JeongHun-Park/master

Chart rendering performance improvement

Author: rohitkr

dist/src/fusioncharts.component.js

@@ -144,9 +144,11 @@ var FusionChartsComponent = (function () {
             _this.chartObj = fusioncharts_constructor_1.FusionChartsConstructor(_this.fusionchartsService, configObj);
             configObj['renderAt'] = 'container-' + _this.chartObj.id;
             _this.containerId = _this.chartObj.id;
-            setTimeout(function () {
-                _this.chartObj.render(_this.configObj['renderAt']);
-            }, 1);
+            this.zone.runOutsideAngular(function () {
+                setTimeout(function () {
+                    _this.chartObj.render(_this.configObj['renderAt']);
+                }, 1);
+            });
         }
     };
     FusionChartsComponent.prototype.ngOnDestroy = function () {

src/fusioncharts.component.ts

@@ -1,6 +1,6 @@
 import {Component, Input, ElementRef, OnInit,
     OnChanges, DoCheck, AfterViewInit, OnDestroy,
-    KeyValueDiffers, ViewChild} from '@angular/core';
+    KeyValueDiffers, ViewChild, NgZone} from '@angular/core';
 
 import { FusionChartsService } from './fusioncharts.service';
 import { FusionChartsConstructor } from './fusioncharts.constructor';
@@ -141,7 +141,7 @@ export class FusionChartsComponent implements OnInit, OnChanges, DoCheck, AfterV
     element: ElementRef;
     fusionchartsService: FusionChartsService;
 
-    constructor(element: ElementRef, fusionchartsService: FusionChartsService, private differs: KeyValueDiffers) {
+    constructor(element: ElementRef, fusionchartsService: FusionChartsService, private differs: KeyValueDiffers, private zone: NgZone) {
         this.element = element;
         this.fusionchartsService = fusionchartsService;
     }
@@ -237,10 +237,11 @@ export class FusionChartsComponent implements OnInit, OnChanges, DoCheck, AfterV
             configObj['renderAt'] = 'container-' + _this.chartObj.id;
             _this.containerId = _this.chartObj.id;
 
-            setTimeout(() => {
-                _this.chartObj.render(_this.configObj['renderAt']);
-            }, 1);
-
+            this.zone.runOutsideAngular(() => {
+                setTimeout(() => {
+                    _this.chartObj.render(_this.configObj['renderAt']);
+                }, 1);
+            })
         }
     }