0.6.0

Author: jtblin

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-chart.js",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "main": [
     "./dist/angular-chart.js",
     "./dist/angular-chart.css"

dist/angular-chart.js

@@ -35,7 +35,8 @@
         getColour: '=?',
         chartType: '=',
         legend: '@',
-        click: '='
+        click: '=',
+        hover: '='
       },
       link: function (scope, elem/*, attrs */) {
         var chart, container = document.createElement('div');
@@ -120,21 +121,24 @@
     var chart = new Chart(ctx)[type](data, scope.options || {});
     scope.$emit('create', chart);
 
-    if (scope.click) {
-      cvs.onclick = function (evt) {
-        var click = chart.getPointsAtEvent || chart.getBarsAtEvent || chart.getSegmentsAtEvent;
-
-        if (click) {
-          var activePoints = click.call(chart, evt);
-          scope.click(activePoints, evt);
-          scope.$apply();
-        }
-      };
-    }
+    ['hover', 'click'].forEach(function (action) {
+      if (scope[action]) cvs[action === 'click' ? 'onclick' : 'onmousemove'] = getEventHandler(scope, chart, action);
+    });
     if (scope.legend && scope.legend !== 'false') setLegend(elem, chart);
     return chart;
   }
 
+  function getEventHandler (scope, chart, action) {
+    return function (evt) {
+      var atEvent = chart.getPointsAtEvent || chart.getBarsAtEvent || chart.getSegmentsAtEvent;
+      if (atEvent) {
+        var activePoints = atEvent.call(chart, evt);
+        scope[action](activePoints, evt);
+        scope.$apply();
+      }
+    };
+  }
+
   function getColours (scope) {
     var colours = angular.copy(scope.colours) || angular.copy(Chart.defaults.global.colours);
     while (colours.length < scope.data.length) {