From 70b077286b6932a3087cc8d502cd590633593598 Mon Sep 17 00:00:00 2001 From: rozetko Date: Thu, 28 Jul 2022 14:25:10 +0300 Subject: [PATCH] bars: handle `mouseout` event --- src/index.ts | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/index.ts b/src/index.ts index f1e05fc..1fcb196 100755 --- a/src/index.ts +++ b/src/index.ts @@ -75,8 +75,9 @@ export class ChartwerkBarPod extends ChartwerkPod { .attr('width', this.barWidth) .attr('height', (val: number) => this.getBarHeight(val)) .on('contextmenu', this.contextMenu.bind(this)) - .on('mouseover', (e) => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) - .on('mousemove', (e) => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mouseover', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mousemove', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mouseout', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) .on('mousedown', () => { d3.event.stopPropagation(); }); // render bar annotations, its all hardcoded @@ -104,8 +105,9 @@ export class ChartwerkBarPod extends ChartwerkPod { return this.getTrianglePath(x, y, this.barWidth, options); }) .attr('fill', annotation.color) - .on('mouseover', (e) => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) - .on('mousemove', (e) => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mouseover', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mousemove', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) + .on('mouseout', () => { this.overlay.node().dispatchEvent(new MouseEvent(d3.event.type, d3.event)); }) .on('mousedown', () => { d3.event.stopPropagation(); }); }); }