diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index 627aa1c803..0d30eaee87 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/frontend/src/views/chart/components/ChartComponent.vue
@@ -184,13 +184,13 @@ export default {
   },
   mounted() {
     bus.$on('change-series-id', this.changeSeriesId)
-    document.querySelector('body').addEventListener('mouseover', this.bodyMouseover)
-    document.querySelector('body').addEventListener('mouseout', this.bodyMouseout)
+    document.getElementById(this.chartId).addEventListener('mouseover', this.bodyMouseover)
+    document.getElementById(this.chartId).addEventListener('mouseout', this.bodyMouseout)
     this.preDraw()
   },
   beforeDestroy() {
-    document.querySelector('body').removeEventListener('mouseover', this.bodyMouseover)
-    document.querySelector('body').removeEventListener('mouseout', this.bodyMouseout)
+    document.getElementById(this.chartId).removeEventListener('mouseover', this.bodyMouseover)
+    document.getElementById(this.chartId).removeEventListener('mouseout', this.bodyMouseout)
     bus.$off('change-series-id', this.changeSeriesId)
     window.removeEventListener('resize', this.myChart.resize)
     this.myChart.dispose()