대시보드 — 충전기별 에러코드 누적 순위 차트 추가

- /api/stats/charger-error-codes 엔드포인트 추가
  (Top 10 충전기 × Top 6 에러코드 stacked bar, 나머지 기타로 합산)
- dashboard.html: 에러코드 누적 순위 가로 스택 바 차트 카드 추가
  (클릭 시 해당 충전기 신고 목록으로 이동)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/static/pages/admin/dashboard.html

@@ -227,6 +227,17 @@
       </div>
     </div>
 
+    <!-- 충전기별 에러코드 누적 순위 -->
+    <div class="card" style="margin-bottom:20px">
+      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px">
+        <div class="card-title" style="margin:0">⚡ 충전기별 에러코드 누적 순위 Top 10</div>
+        <span style="font-size:11px;color:var(--gray4)">에러코드 입력된 신고 기준</span>
+      </div>
+      <div id="errorCodesChartWrap" style="position:relative">
+        <canvas id="errorCodesChart"></canvas>
+      </div>
+    </div>
+
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
       <div class="card">
         <div class="card-title">🔴 접수 대기 현황 <span id="pendingSort" style="font-size:11px;font-weight:400;color:var(--gray4)">(오래된 순)</span></div>
@@ -414,6 +425,7 @@ async function load() {
   ]);
   loadMonthlyChart();
   loadTopChargersChart();
+  loadErrorCodesChart();
 
   /* ── 통계 카드 ── */
   const over72Class = stats.pending_over_72h > 0 ? 'danger' : 'good';
@@ -624,6 +636,69 @@ async function loadTopChargersChart() {
   });
 }
 
+/* ── 충전기별 에러코드 차트 ── */
+let _errorCodesChart = null;
+async function loadErrorCodesChart() {
+  const data = await API.get('/stats/charger-error-codes');
+  const wrap = document.getElementById('errorCodesChartWrap');
+  if (!data.chargers || !data.chargers.length) {
+    wrap.innerHTML = '<div style="color:var(--gray4);font-size:13px;text-align:center;padding:30px 0">에러코드가 입력된 신고가 없습니다.</div>';
+    return;
+  }
+  const { chargers, error_codes: codes } = data;
+  const CODE_COLORS = ['#EF4444','#F59E0B','#3B82F6','#10B981','#8B5CF6','#EC4899','#94A3B8'];
+
+  wrap.style.height = (chargers.length * 32 + 50) + 'px';
+  if (_errorCodesChart) _errorCodesChart.destroy();
+  const ctx = document.getElementById('errorCodesChart').getContext('2d');
+  _errorCodesChart = new Chart(ctx, {
+    type: 'bar',
+    data: {
+      labels: chargers.map(c => c.label),
+      datasets: codes.map((code, i) => ({
+        label: code,
+        data: chargers.map(c => c[code] || 0),
+        backgroundColor: CODE_COLORS[i % CODE_COLORS.length],
+        borderRadius: 3,
+        stack: 'err',
+      }))
+    },
+    options: {
+      indexAxis: 'y',
+      responsive: true,
+      maintainAspectRatio: false,
+      onClick: (evt, elems) => {
+        if (!elems.length) return;
+        const c = chargers[elems[0].index];
+        location.href = `/pages/admin/reports.html?charger_id=${encodeURIComponent(c.charger_id)}`;
+      },
+      onHover: (evt, elems) => { evt.native.target.style.cursor = elems.length ? 'pointer' : 'default'; },
+      plugins: {
+        legend: { display: true, position: 'top',
+          labels: { font: { size: 11 }, boxWidth: 12, boxHeight: 12, padding: 12 } },
+        tooltip: {
+          callbacks: {
+            title: items => {
+              const c = chargers[items[0].dataIndex];
+              return c.label + ` (총 ${c.total}건)`;
+            },
+            label: c => `${c.dataset.label}: ${c.raw}건`,
+            afterLabel: () => '(클릭하면 신고 목록으로)',
+          }
+        }
+      },
+      scales: {
+        x: { stacked: true, grid: { color: '#F1F5F9' }, border: { dash: [3,3] },
+             beginAtZero: true,
+             ticks: { font: { size: 11 }, color: '#64748B', stepSize: 1,
+                      callback: v => Number.isInteger(v) ? v + '건' : '' } },
+        y: { stacked: true, grid: { display: false },
+             ticks: { font: { size: 12 }, color: '#334155' } }
+      }
+    }
+  });
+}
+
 /* ── 월별/일별 차트 (드릴다운 지원) ── */
 let _monthlyChart = null;
 let _monthlyReportChart = null;