diff --git a/README.md b/README.md
index 026f261..96f2ecf 100644
--- a/README.md
+++ b/README.md
@@ -111,14 +111,14 @@ Method       | Parameters           | Description
 
 Event      | Description             | Payload [*`e.detail`*]
 ---        | ---                     | ---
-`chart-click` | Click event on chart | `e` [*original event*], `chart` [*chart object*]
-`chart-load` | Fired when chart loaded | `e`, `chart`
-`before-print` | Fired before chart print | `e`, `chart`
-`after-print` | Fired after chart print | `e`, `chart`
-`series-added` | Fired when series added | `e`, `chart`
-`drill-down` | Fired when drill down is triggered | `e`, `chart`
-`drill-up` | Fired when drill up is triggered | `e`, `chart`
-`drill-selection` | Fired when a range of points are selected | `e`, `chart`
+`chart-click` | Click event on chart | `e` [*original event*], `chart` [*chart object*], `component` [*self*]
+`chart-load` | Fired when chart loaded | `e`, `chart`, `component`
+`before-print` | Fired before chart print | `e`, `chart`, `component`
+`after-print` | Fired after chart print | `e`, `chart`, `component`
+`series-added` | Fired when series added | `e`, `chart`, `component`
+`drill-down` | Fired when drill down is triggered | `e`, `chart`, `component`
+`drill-up` | Fired when drill up is triggered | `e`, `chart`, `component`
+`drill-selection` | Fired when a range of points are selected | `e`, `chart`, `component`
 
 ### Styling
 
diff --git a/highcharts-behavior.html b/highcharts-behavior.html
index 29fb5e0..f65226e 100644
--- a/highcharts-behavior.html
+++ b/highcharts-behavior.html
@@ -55,14 +55,14 @@
                     animation: Highcharts.svg, // don't animate in old IE
                     marginRight: 10,
                     events: {
-                        click: function(e){__app.fire("chart-click",{e: e,chart: this})},
-                        load: function(e){__app.fire("chart-load",{e: e,chart: this})},
-                        beforePrint: function(e){__app.fire("before-print",{e: e,chart: this})},
-                        afterPrint: function(e){__app.fire("after-print",{e: e,chart: this})},
-                        addSeries: function(e){__app.fire("series-added",{e: e,chart: this})},
-                        drilldown: function(e){__app.fire("drill-down",{e: e,chart: this})},
-                        drillup: function(e){__app.fire("drill-up",{e: e,chart: this})},
-                        selection: function(e){__app.fire("selection",{e: e,chart: this})},
+                        click: function(e){__app.fire("chart-click",{e: e,chart: this,component:__app})},
+                        load: function(e){__app.fire("chart-load",{e: e,chart: this,component:__app})},
+                        beforePrint: function(e){__app.fire("before-print",{e: e,chart: this,component:__app})},
+                        afterPrint: function(e){__app.fire("after-print",{e: e,chart: this,component:__app})},
+                        addSeries: function(e){__app.fire("series-added",{e: e,chart: this,component:__app})},
+                        drilldown: function(e){__app.fire("drill-down",{e: e,chart: this,component:__app})},
+                        drillup: function(e){__app.fire("drill-up",{e: e,chart: this,component:__app})},
+                        selection: function(e){__app.fire("selection",{e: e,chart: this,component:__app})},
                     }
                 },this.xZoom||this.yZoom?{zoomType: (this.xZoom&&"x")+(this.yZoom&&"y")}:{}),
                 //Properties