From 2a1fc6aa7ad2575df24fab8d53e887c6d9588bd9 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 12:49:50 +0000
Subject: [PATCH] Remove unnecessary chart elements

Removes label lines from pie charts and percentage display from payment method chart.
---
 src/components/ExpenseChart.tsx                 |  2 +-
 src/components/analytics/PaymentMethodChart.tsx | 12 ++----------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/ExpenseChart.tsx b/src/components/ExpenseChart.tsx
index e2fbaad..32dece9 100644
--- a/src/components/ExpenseChart.tsx
+++ b/src/components/ExpenseChart.tsx
@@ -26,7 +26,7 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
             outerRadius={60}
             paddingAngle={5}
             dataKey="value"
-            labelLine={true}
+            labelLine={false}
             label={({ name, percent }) => (
               `${name} ${(percent * 100).toFixed(0)}%`
             )}
diff --git a/src/components/analytics/PaymentMethodChart.tsx b/src/components/analytics/PaymentMethodChart.tsx
index d7fdd01..1b9cb2d 100644
--- a/src/components/analytics/PaymentMethodChart.tsx
+++ b/src/components/analytics/PaymentMethodChart.tsx
@@ -41,7 +41,7 @@ const PaymentMethodChart: React.FC<PaymentMethodChartProps> = ({ data, isEmpty }
             outerRadius={60}
             paddingAngle={5}
             dataKey="value"
-            labelLine={true}
+            labelLine={false}
             label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
             fontSize={12}
           >
@@ -49,15 +49,7 @@ const PaymentMethodChart: React.FC<PaymentMethodChartProps> = ({ data, isEmpty }
               <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
             ))}
           </Pie>
-          <Legend 
-            verticalAlign="bottom" 
-            align="center"
-            layout="horizontal"
-            formatter={(value) => {
-              const item = data.find(d => d.method === value);
-              return item ? `${value} (${item.percentage.toFixed(0)}%)` : value;
-            }}
-          />
+          {/* Legend 제거 */}
         </PieChart>
       </ResponsiveContainer>
     </div>