Merge pull request #550 from seungineer/#540-seungineer

fix(view): #540 Total Commit 그래프에 마우스 over, move 시 깜빡임
githru · Jul 23, 2024 · 18d2a9f · 18d2a9f
2 parents d05dd61 + cedb077
commit 18d2a9f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/view/src/components/Statistics/AuthorBarChart/AuthorBarChart.tsx b/packages/view/src/components/Statistics/AuthorBarChart/AuthorBarChart.tsx
@@ -78,13 +78,11 @@ const AuthorBarChart = () => {
       .text(`${metric} # / Total ${metric} # (%)`);
 
     // Event handler
-    const handleMouseOver = () => {
-      tooltip.style("display", "inline-block");
-    };
-    const handleMouseMove = (e: MouseEvent<SVGRectElement | SVGTextElement>, d: AuthorDataType) => {
+    const handleMouseOver = (e: MouseEvent<SVGRectElement | SVGTextElement>, d: AuthorDataType) => {
       tooltip
+        .style("display", "inline-block")
         .style("left", `${e.pageX - 70}px`)
-        .style("top", `${e.pageY - 70}px`)
+        .style("top", `${e.pageY - 90}px`)
         .html(
           `<p class="name">${d.name}</p>
               <p>${metric}: 
@@ -96,6 +94,10 @@ const AuthorBarChart = () => {
               </p>`
         );
     };
+
+    const handleMouseMove = (e: MouseEvent<SVGRectElement | SVGTextElement>) => {
+      tooltip.style("left", `${e.pageX - 70}px`).style("top", `${e.pageY - 90}px`);
+    };
     const handleMouseOut = () => {
       tooltip.style("display", "none");
     };