차트 범례 수정 완료

frontend/components/admin/dashboard/charts/PieChart.tsx

@@ -24,7 +24,7 @@ export function PieChart({ data, config, width = 500, height = 500, isDonut = fa
     const svg = d3.select(svgRef.current);
     svg.selectAll("*").remove();
 
-    const margin = { top: 40, right: 120, bottom: 40, left: 120 };
+    const margin = { top: 40, right: 150, bottom: 40, left: 120 };
     const chartWidth = width - margin.left - margin.right;
     const chartHeight = height - margin.top - margin.bottom;
     const radius = Math.min(chartWidth, chartHeight) / 2;
@@ -136,28 +136,33 @@ export function PieChart({ data, config, width = 500, height = 500, isDonut = fa
         .text(config.title);
     }
 
-    // 범례
+    // 범례 (차트 오른쪽, 세로 배치)
     if (config.showLegend !== false) {
+      const legendX = width / 2 + radius + 30; // 차트 오른쪽
+      const legendY = (height - pieData.length * 25) / 2; // 세로 중앙 정렬
+      
       const legend = svg
         .append("g")
         .attr("class", "legend")
-        .attr("transform", `translate(${width - margin.right + 10}, ${margin.top})`);
+        .attr("transform", `translate(${legendX}, ${legendY})`);
 
       pieData.forEach((d, i) => {
-        const legendRow = legend.append("g").attr("transform", `translate(0, ${i * 25})`);
+        const legendItem = legend
+          .append("g")
+          .attr("transform", `translate(0, ${i * 25})`);
 
-        legendRow
+        legendItem
           .append("rect")
           .attr("width", 15)
           .attr("height", 15)
           .attr("fill", colors[i % colors.length])
           .attr("rx", 3);
 
-        legendRow
+        legendItem
           .append("text")
           .attr("x", 20)
           .attr("y", 12)
-          .style("font-size", "12px")
+          .style("font-size", "11px")
           .style("fill", "#333")
           .text(`${d.label} (${d.value})`);
       });