增加k线图

web/app.js

@@ -88,7 +88,7 @@ function renderTable(tableId, tbody) {
   const items = sortItems(state.items, state.sortKey, state.sortDir);
 
   if (!items.length) {
-    tbody.innerHTML = '<tr><td colspan="5" class="loading">暂无数据</td></tr>';
+    tbody.innerHTML = '<tr><td colspan="6" class="loading">暂无数据</td></tr>';
     updateSortHeaders(tableId);
     return;
   }
@@ -104,7 +104,13 @@ function renderTable(tableId, tbody) {
           : idx + 1;
       return `<tr class="${highlight}">
         <td class="rank">${displayRank}</td>
-        <td><strong>${row.symbol}</strong></td>
+        <td class="symbol-cell"><strong>${row.symbol}</strong></td>
+        <td class="chart-cell">
+          <div class="mini-chart" data-symbol="${row.symbol}">
+            <canvas width="300" height="64"></canvas>
+            <span class="chart-status"></span>
+          </div>
+        </td>
         <td data-value="${row.quote_volume ?? 0}">${row.quote_volume_fmt || row.quote_volume}</td>
         <td class="${pctClass(pct)}" data-value="${pct}">${row.price_change_pct_fmt || pct.toFixed(2) + "%"}</td>
         <td data-value="${tagText(row)}">${renderTags(row)}</td>
@@ -113,6 +119,7 @@ function renderTable(tableId, tbody) {
     .join("");
 
   updateSortHeaders(tableId);
+  enqueueCharts(tbody);
 }
 
 function setTableData(tableId, data) {
@@ -206,7 +213,7 @@ document.querySelectorAll("[data-reset]").forEach((btn) => {
 
 async function loadYesterday() {
   const body = document.getElementById("yesterday-body");
-  body.innerHTML = '<tr><td colspan="5" class="loading">加载中…</td></tr>';
+  body.innerHTML = '<tr><td colspan="6" class="loading">加载中…</td></tr>';
   try {
     const res = await fetch("/api/yesterday/top30");
     const data = await res.json();
@@ -218,7 +225,7 @@ async function loadYesterday() {
       "更新: " + (data.updated_at || "").replace("T", " ").slice(0, 19);
     setTableData("yesterday", data);
   } catch (e) {
-    body.innerHTML = `<tr><td colspan="5" class="error">加载失败: ${e.message}</td></tr>`;
+    body.innerHTML = `<tr><td colspan="6" class="error">加载失败: ${e.message}</td></tr>`;
   }
 }
 
@@ -236,7 +243,7 @@ async function loadToday() {
     setTableData("today", data);
     document.getElementById("status").textContent = "今日数据已刷新";
   } catch (e) {
-    body.innerHTML = `<tr><td colspan="5" class="error">加载失败: ${e.message}</td></tr>`;
+    body.innerHTML = `<tr><td colspan="6" class="error">加载失败: ${e.message}</td></tr>`;
     document.getElementById("status").textContent = e.message;
   }
 }