src/VueChartwerkPodMixin.ts

@@ -39,9 +39,9 @@ export default {
   },
   methods: {
     // it's "abstract" method. "children" components should override it
-    render() { },
+    render() {},
-    renderSharedCrosshair(values: { x?: number, y?: number }) { },
+    renderSharedCrosshair(values: { x?: number, y?: number }) {},
-    hideSharedCrosshair() { },
+    hideSharedCrosshair() {},
     onPanningRescale(event) {
       this.pod.rescaleMetricAndAxis(event);
     },
@@ -63,6 +63,9 @@ export default {
       if(has(this.$listeners, 'zoomOut')) {
         this.options.events.zoomOut = this.zoomOut.bind(this);
       }
+      if(has(this.$listeners, 'mouseOver')) {
+        this.options.events.mouseOver = this.mouseOver.bind(this);
+      }
       if(has(this.$listeners, 'mouseMove')) {
         this.options.events.mouseMove = this.mouseMove.bind(this);
       }
@@ -97,6 +100,9 @@ export default {
     zoomOut(centers) {
       this.$emit('zoomOut', centers);
     },
+    mouseOver() {
+      this.$emit('mouseOver');
+    },
     mouseMove(evt) {
       this.$emit('mouseMove', evt);
     },

src/index.ts

@@ -155,7 +155,7 @@ class ChartwerkPod<T extends Serie, O extends Options> {
   protected onMouseOver(): void {}
   protected onMouseOut(): void {}
   protected onMouseMove(): void {}
-  protected onMouseClick(): void { }
+  protected onMouseClick(): void {}
   public renderSharedCrosshair(values: { x?: number, y?: number }): void {}
   public hideSharedCrosshair(): void {}
 

src/models/options.ts

@@ -226,6 +226,12 @@ export class CoreOptions<O extends Options> {
     }
   }
 
+  callbackMouseOver(): void {
+    if(has(this._options.events, 'mouseOver')) {
+      this._options.events.mouseOver();
+    }
+  }
+
   callbackMouseMove(event): void {
     if(has(this._options.events, 'mouseMove')) {
       this._options.events.mouseMove(event);

src/types.ts

@@ -20,6 +20,7 @@ export type Events = {
   panning?: (event: { ranges: AxisRange[], d3Event: any }) => void,
   panningEnd?: (range: AxisRange[]) => void,
   zoomOut?: (centers: {x: number, y: number}) => void,
+  mouseOver?: () => void,
   mouseMove?: (evt: any) => void,
   mouseClick?: (evt: any) => void,
   mouseOut?: () => void,