Emit hover events even when there aren't any active elements

Author: santam85

projects/ng2-charts/src/lib/base-chart.directive.spec.ts

@@ -104,8 +104,7 @@ describe('BaseChartDirective', () => {
         "click",
         {
           clientX: canvas.getBoundingClientRect().left + 50,
-          clientY: canvas.getBoundingClientRect().top + 50,
-          bubbles: true
+          clientY: canvas.getBoundingClientRect().top + 50
         }
       )
     );
@@ -115,4 +114,24 @@ describe('BaseChartDirective', () => {
     expect(element.click).toHaveBeenCalled();
   }));
 
+  it('should emit when the chart is hovered', fakeAsync(() => {
+
+    fixture.detectChanges();
+
+    let canvas = fixture.nativeElement.querySelector('canvas');
+
+    canvas.dispatchEvent(
+      new MouseEvent(
+        "mousemove",
+        {
+          clientX: canvas.getBoundingClientRect().left + 50,
+          clientY: canvas.getBoundingClientRect().top + 50
+        }
+      )
+    );
+
+    tick(25);
+
+    expect(element.hover).toHaveBeenCalled();
+  }));
 });

projects/ng2-charts/src/lib/base-chart.directive.ts

@@ -121,7 +121,7 @@ export class BaseChartDirective<TType extends ChartType = ChartType,
   private getChartOptions(): ChartConfiguration<TType, TData, TLabel>['options'] {
     return merge({
         onHover: (event: ChartEvent, active: {}[]) => {
-          if (!this.chartHover.observed || !active || !active.length) {
+          if (!this.chartHover.observed) {
             return;
           }