Merge pull request #50 from serrut/master

Add events for X-Axis and Y-Axis

Author: gevgeny

README.md

@@ -15,6 +15,8 @@
     - [Chart Events](#chart-events)
     - [Series Events](#series-events)
     - [Point Events](#point-events)
+    - [X-Axis Events](#x-axis-events)
+    - [Y-Axis Events](#y-axis-events)
   - [Dynamic Interaction with Chart Object](#dynamic-interaction-with-chart-object)
   - [Access to the Highcharts Static Members](#access-to-the-highcharts-static-members)
   - [Highstock and Highmaps](#highstock-and-highmaps)
@@ -101,14 +103,38 @@ Similary you can use the `point` to access to [options.plotOptions.series.point.
     </series>
 </chart>
 <p><b>{{point}}</b> is selected<p>
+```
+[Live Demo](http://plnkr.co/edit/TpKoJ60n4vyIDWxHNUkg?p=preview)
+#### X-Axis Events 
 
+Similary you can use the `xAxis` to access to [options.xAxis.events](http://api.highcharts.com/highcharts#xAxis.events) API.
+```HTML
+<chart [options]="options">
+    <xAxis (afterSetExtremes)="onAfterSetExtremes($event)"></xAxis>
+</chart>
 ```
 ```TypeScript
-onPointSelect (e) {
-  this.serieName = e.context.y;
+onAfterSetExtremes (e) {
+  this.min = e.context.min;
+  this.max = e.context.max;
 }
 ```
-[Live Demo](http://plnkr.co/edit/TpKoJ60n4vyIDWxHNUkg?p=preview)
+[Live Demo](http://plnkr.co/edit/2tVDzLDDVaGwUQZe6vDj?p=preview)
+#### Y-Axis Events 
+
+Similary you can use the `yAxis` to access to [options.yAxis.events](http://api.highcharts.com/highcharts#yAxis.events) API.
+```HTML
+<chart [options]="options">
+    <yAxis (afterSetExtremes)="onAfterSetExtremes($event)"></yAxis>
+</chart>
+```
+```TypeScript
+onAfterSetExtremes (e) {
+  this.min = e.context.min;
+  this.max = e.context.max;
+}
+```
+[Live Demo](http://plnkr.co/edit/HHUa9fHL766ynsi7Y5hR?p=preview)
 ### Dynamic Interaction with Chart Object
 
 angular2-higcharts provides possibility to interact with native `HighchartsChartObject` chart object.

dist/ChartComponent.d.ts

@@ -1,9 +1,13 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { ChartSeriesComponent } from './ChartSeriesComponent';
+import { ChartXAxisComponent } from './ChartXAxisComponent';
+import { ChartYAxisComponent } from './ChartYAxisComponent';
 import { HighchartsService } from './HighchartsService';
 import { ChartEvent } from './ChartEvent';
 export declare class ChartComponent {
     series: ChartSeriesComponent;
+    xAxis: ChartXAxisComponent;
+    yAxis: ChartYAxisComponent;
     create: EventEmitter<HighchartsChartObject>;
     click: EventEmitter<ChartEvent>;
     addSeries: EventEmitter<ChartEvent>;