Merge pull request #48 from xieziyu/bugfix

release v2.0.1

Author: Xie, Ziyu

README.md

@@ -21,6 +21,8 @@ Angular directive for echarts v3. (The project is renamed from **angular2-echart
 `ngx-echarts` is an Angular (ver >= 2.x) directive for ECharts 3.
 
 # Latest Update
++ 2017.12.11: v2.0.1. Fix issue: No change detection involved in event handler. Refer to issue [#26](https://github.com/xieziyu/ngx-echarts/issues/26), [#28](https://github.com/xieziyu/ngx-echarts/issues/28)
+
 + 2017.12.04: v2.0.0. Provide an echarts wrapper service: NgxEchartsService. Please see [demo](https://xieziyu.github.io/ngx-echarts/#/usage/NgxEchartsService)
 
 + 2017.11.25: v2.0.0-beta.0. It has some [BREAKING CHANGES](https://github.com/xieziyu/ngx-echarts/blob/master/src/assets/CHANGELOG.md) you should know.

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-echarts",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Angular directive for ECharts 3",
   "repository": "https://github.com/xieziyu/ngx-echarts.git",
   "author": "Xie, Ziyu <[email protected]>",

lib/src/directive/ngx-echarts.directive.ts

@@ -89,16 +89,16 @@ export class NgxEchartsDirective implements OnChanges, OnDestroy {
   private registerEvents(_chart: any) {
     if (_chart) {
       // register mouse events:
-      _chart.on('click', e => this.chartClick.emit(e));
-      _chart.on('dblClick', e => this.chartDblClick.emit(e));
-      _chart.on('mousedown', e => this.chartMouseDown.emit(e));
-      _chart.on('mouseup', e => this.chartMouseUp.emit(e));
-      _chart.on('mouseover', e => this.chartMouseOver.emit(e));
-      _chart.on('mouseout', e => this.chartMouseOut.emit(e));
-      _chart.on('globalout', e => this.chartGlobalOut.emit(e));
-      _chart.on('contextmenu', e => this.chartContextMenu.emit(e));
+      _chart.on('click', e => this._ngZone.run(() => this.chartClick.emit(e)));
+      _chart.on('dblClick', e => this._ngZone.run(() => this.chartDblClick.emit(e)));
+      _chart.on('mousedown', e => this._ngZone.run(() => this.chartMouseDown.emit(e)));
+      _chart.on('mouseup', e => this._ngZone.run(() => this.chartMouseUp.emit(e)));
+      _chart.on('mouseover', e => this._ngZone.run(() => this.chartMouseOver.emit(e)));
+      _chart.on('mouseout', e => this._ngZone.run(() => this.chartMouseOut.emit(e)));
+      _chart.on('globalout', e => this._ngZone.run(() => this.chartGlobalOut.emit(e)));
+      _chart.on('contextmenu', e => this._ngZone.run(() => this.chartContextMenu.emit(e)));
       // other events;
-      _chart.on('datazoom', e => this.chartDataZoom.emit(e));
+      _chart.on('datazoom', e => this._ngZone.run(() => this.chartDataZoom.emit(e)));
     }
   }
 

src/assets/CHANGELOG.md

@@ -1,11 +1,16 @@
+## 2.0.1 (2017-12-11)
+
+#### Bugfix
++ Fix issue: No change detection involved in event handler. [#26](https://github.com/xieziyu/ngx-echarts/issues/26), [#28](https://github.com/xieziyu/ngx-echarts/issues/28)
+
 ## 2.0.0 (2017-12-04)
 
-#### NEW
+#### New
 + New Service: `NgxEchartsService` provided. Refer to [API document](https://xieziyu.github.io/ngx-echarts/api-doc/injectables/NgxEchartsService.html) for details
 
 ## 2.0.0-beta.0 (2017-11-25)
 
-#### NEW
+#### New
 + New input: `[merge]`. The value of `[merge]` will be merged into `[options]`. So it's perfect for updating chart data series. Refer to [ECharts documentation](https://ecomfe.github.io/echarts-doc/public/en/api.html#echartsInstance.setOption) for details
 
 + New input: `[initOpts]`. The value of `[initOpts]` will be used in `echarts.init()`. It may contain `devicePixelRatio`, `renderer`, `width` or `height` properties. Refer to [ECharts documentation](https://ecomfe.github.io/echarts-doc/public/en/api.html#echarts.init) for details