盤勢地圖｜台股熱力圖

盤勢地圖

TAIWAN MARKET HEATMAP

正在連線行情…

功能 ▾

準備讀取追蹤清單跌漲

以下記錄依照目前保留的版本檔案與實際修改時間整理。點選舊版檔案可開啟對照；請另存副本後再修改，最新版本仍以本檔為準。

v2.3｜置中排名與色塊提示2026-10-08

排名獨立置中顯示於熱力圖上方，異動紀錄保留原工具列位置；移除排名漲跌幅數字，前五與末五名加入漲跌色塊，族群名稱放大至 14px。

v2.2｜排名列整合與漲跌提示2026-10-08

將排名移至異動紀錄所在工具列以擴大熱力圖；前五名加入漲跌幅色塊，末五名改依目前族群總數動態標示名次。

v2.1｜精簡族群排名列2026-10-08

族群排名改為 1–5 名與 6–10 名兩列，只顯示名次和族群名稱，移除漲跌幅以縮小版面，保留名次交換動畫。

v2.0｜分組族群前十排名2026-10-08

將族群漲跌幅前十拆成 1–5 名與 6–10 名兩組，縮窄橫向範圍並放大文字，保留名次交換動畫。

v1.8｜族群前十排名與異動紀錄字級2026-10-08

將族群排名變動改為常駐顯示當前漲跌幅前十名，依族群排名間隔更新並以位移動畫呈現名次交換。放大個股異動紀錄中的漲跌幅、百分點與說明字體。

v1.7｜跨視窗介面一致化2026-10-07 17:33（台北）

所有視窗尺寸均隱藏上方族群分類列與個股代號列，保持股票名稱和族群卡片版面一致；窄視窗也改用單頁自適應熱力圖版面。

v1.6｜頂部按鈕尺寸統一2026-10-07 13:34（台北）

縮小「功能」、「更新行情」、「編輯族群」按鈕，統一三者字體為 13px，並讓功能與編輯按鈕尺寸一致。

v1.5｜搜尋定位與控制列2026-10-07 13:31（台北）

放大「功能」與「編輯族群」按鈕；異動紀錄移到搜尋框左側並加強辨識。搜尋改為保留完整熱力圖，只提示股票所屬族群並以醒目框線定位。

v1.4｜工具列與版本紀錄整理2026-10-07 13:26（台北）

更新行情與異動紀錄固定顯示在功能選單外側；放大異動紀錄按鈕並提高辨識度。功能選單字體放大；搜尋框與版面排序器調整為相同尺寸。

此版檔案未獨立保留，僅提供更新摘要。

v1.3｜功能選單與異常音效2026-10-07 13:18（台北）

將即時更新與異動紀錄移至頂部外側；放大版面排序器；功能選單增加用途分類與版本紀錄入口。異常漲跌音效、族群重排間隔及閃爍秒數控制保留。

v1.2｜即時異動與排序控制2026-10-07 13:11（台北）

增加個股異動紀錄、族群重排頻率控制、排名邊框與異動金邊秒數控制、邊框開關及異常漲跌音效。

此版檔案未獨立保留，僅提供更新摘要。

v1.1｜招財圖示與介面整理2026-10-07 11:42（台北）

更新品牌圖示並保留台股熱力圖、族群編輯與行情顯示功能。

開啟 v1.1 保留檔

v1.0｜新版熱力圖基準2026-10-07 11:10（台北）

建立新版熱力圖基準檔，包含即時行情、族群顯示與可編輯追蹤清單。

開啟 v1.0 保留檔

記錄達提醒門檻並觸發金邊閃爍的個股：漲跌幅變動達 1.0 個百分點，或由漲轉跌／由跌轉漲（兩側至少各 0.5%）。金邊閃爍 15 秒；同一檔 60 秒內不重複提醒。紀錄只保留在目前開啟頁面期間。

族群名稱

股票代號股票名稱市場

每個代號可在多個族群追蹤；同一代號只會查詢一次。

行情轉接 Worker 網址

此 HTML 沿用你提供的原始檔所設定的 Cloudflare Worker 轉接 TWSE MIS。證交所正式 OpenAPI 的個股日成交資料不是盤中即時報價；MIS 網頁行情端點沒有公開的 API 版本保證。使用者端每 30 秒更新，200 檔依市場分批查詢。若 Worker 停用或限制來源，請在此更換 Worker 網址，或稍後改接永豐 Shioaji。

Worker 失效時：複製修正版程式

目前範例 Worker 的盤中路徑回傳 HTTP 500。複製下方程式，在 Cloudflare Dashboard → Workers & Pages → 原本的 Worker → Edit code 貼上並 Deploy。保留原 Worker 網址即可；部署後回到此頁按「儲存並測試」。這一步需要登入你自己的 Cloudflare 帳號。

export default {
 async fetch(request) {
  const cors={"Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET, OPTIONS","Access-Control-Allow-Headers":"Content-Type","Cache-Control":"no-store"};
  if(request.method==="OPTIONS") return new Response(null,{headers:cors});
  try {
   const incoming=new URL(request.url);
   const symbols=incoming.searchParams.get("symbols");
   if(!symbols) return new Response(JSON.stringify({error:"缺少 symbols 參數"}),{status:400,headers:{...cors,"Content-Type":"application/json; charset=utf-8"}});
   const upstream=new URL("https://mis.twse.com.tw/stock/api/getStockInfo.jsp");
   upstream.searchParams.set("ex_ch",symbols);
   upstream.searchParams.set("json","1");
   upstream.searchParams.set("delay","0");
   upstream.searchParams.set("_",String(Date.now()));
   const response=await fetch(upstream.toString(),{headers:{"Referer":"https://mis.twse.com.tw/stock/index.jsp","User-Agent":"Mozilla/5.0"},cf:{cacheTtl:0}});
   const text=await response.text();
   if(!response.ok) throw new Error("TWSE MIS HTTP "+response.status+": "+text.slice(0,180));
   const data=JSON.parse(text.trim());
   return new Response(JSON.stringify(data),{status:200,headers:{...cors,"Content-Type":"application/json; charset=utf-8"}});
  } catch(error) {
   return new Response(JSON.stringify({error:error.message||"TWSE MIS 連線失敗"}),{status:502,headers:{...cors,"Content-Type":"application/json; charset=utf-8"}});
  }
 }
};

個股異動紀錄

追蹤清單設定

行情來源