diff --git a/src/js/charts/DonutChart.js b/src/js/charts/DonutChart.js
index abc9a33..c16dcff 100644
--- a/src/js/charts/DonutChart.js
+++ b/src/js/charts/DonutChart.js
@@ -25,6 +25,12 @@ export default class DonutChart extends PieChart {
 			: this.center.y - this.strokeWidth / 2;
 	}
 
+	resetHover(path, color) {
+		transform(path,'translate3d(0,0,0)');
+		this.tip.hideTip();
+		path.style.stroke = color;
+	}
+
 	setupComponents() {
 		let s = this.state;
 
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index e550a73..f3ae3d9 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -131,12 +131,16 @@ export default class PieChart extends AggregationChart {
 			this.tip.setValues(x, y, { name: title, value: percent + "%" });
 			this.tip.showTip();
 		} else {
-			transform(path, 'translate3d(0,0,0)');
-			this.tip.hideTip();
-			path.style.fill = color;
+			this.resetHover(path, color)
 		}
 	}
 
+	resetHover(path, color) {
+		transform(path, 'translate3d(0,0,0)');
+		this.tip.hideTip();
+		path.style.fill = color;
+	}
+
 	bindTooltip() {
 		this.container.addEventListener('mousemove', this.mouseMove);
 		this.container.addEventListener('mouseleave', this.mouseLeave);