🐛 fix(component): lineHide 시 path와 line이 렌더링되는 문제 수정

bh2980 · May 26, 2024 · ab476c5 · ab476c5
1 parent 9846d55
commit ab476c5
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/components/charts/BandAxis/BandAxis.tsx b/src/components/charts/BandAxis/BandAxis.tsx
@@ -24,8 +24,8 @@ const BandAxis = ({
   const [textdX, textdY, path] = getAxisOrientConfig({ orient, startPoint, endPoint, outerTickLength });
 
   return (
-    <g className={BandAxisVariants({ className, lineHide })} textAnchor="middle" {...props}>
-      <path fill="none" d={path} />
+    <g className={BandAxisVariants({ className })} textAnchor="middle" {...props}>
+      {!lineHide && <path fill="none" d={path} />}
       {axisScale.domain().map((label, i) => (
         <g
           key={`tick-${i}`}
@@ -35,11 +35,13 @@ const BandAxis = ({
               : `translate(${tickStartPoint + axisScale.step() * i}, 0)`
           }
         >
-          <line
-            x2={isVertical ? innerTickLength : undefined}
-            y2={isVertical ? undefined : innerTickLength}
-            fill="none"
-          />
+          {!lineHide && (
+            <line
+              x2={isVertical ? innerTickLength : undefined}
+              y2={isVertical ? undefined : innerTickLength}
+              fill="none"
+            />
+          )}
           {!labelHide && (
             <text dx={textdX} dy={textdY} stroke="none">
               {label}