數據看板
每天要盯業績、看流量——不用花錢請工程師,也能有一個滑鼠移上去就顯示數字的看板
一個不會寫程式的人,怎麼把手上的數字丟給 AI,變成一個能互動、會跳數字的網頁看板,用瀏覽器打開就能看。
情境:監控指標 方法:需求 → 方案 · 逐項拆解法 2026-07-30
還沒用過 AI?免費版就能試 ,不用付錢——先看 30 秒新手上路 →
這問題你八成也遇過
老闆每天問「昨天業績多少、流量掉了沒」,你手上明明有數字,卻只能貼一張死板板的簡報圖——想看細節得換一張,滑鼠移上去也不會有任何反應。想做得漂亮又能互動?請工程師寫一個網頁動輒好幾萬,為了每天看幾個數字實在不划算。卡住的往往不是沒有資料,是那份資料一直是「靜止的圖」,不是能點、能看、能互動的東西 。
先想 · 你其實只是想要一個「活的」畫面
先講清楚你到底要什麼:不是一張圖,是一個能互動的畫面 ——滑鼠移到某根長條上,會跳出當天的實際數字;有好幾個指標,可以分開看。這種東西的本體就是一個 HTML 檔案(HTML=就是網頁,用瀏覽器打開的那種檔案)。過去這一定要工程師寫,現在你可以把數字給 AI,讓它連「畫圖的程式」一起幫你寫好。重點只有一句:數字是你的,AI 只是幫你把它變成畫面——所以數字對不對,最後還是你說了算。
解方 · 把做看板拆成四步,每步都自己確認
給資料、說要看什麼 :把數字(Excel 或 CSV)給 AI,講清楚你要看幾個指標、想用長條還是折線。AI 生成看板 :請它做成一個 HTML 檔,用 ECharts 這個工具畫互動圖表(ECharts=一種免費、專門用來畫互動圖表的網頁工具,滑鼠移上去會顯示數字)。瀏覽器打開試互動 :檔案存下來,用瀏覽器打開,滑鼠移上去看看數字對不對、能不能切換指標。人核對數字 :拿看板上的幾個數字,跟你原始的 Excel 對一遍——對得上,才拿去用、才敢給老闆看。
STEP 1 給資料·說要看什麼
→
STEP 2 AI 生成看板
→
STEP 3 瀏覽器打開試互動
→
STEP 4 人核對數字
照著做(跟著點,不用想)
打開 ChatGPT 或 Claude,開一個新對話,把有數字的 Excel 或 CSV 準備好。 把檔案直接拖進對話框(或按迴紋針上傳)。 貼下面的指令,講清楚你要看哪些指標、要長條還是折線。 它會給你一段 HTML,或一個 .html 檔——把它存成一個檔案(例如 看板.html)。 用滑鼠雙擊那個檔 ,它會用瀏覽器打開,滑鼠移上去看看數字會不會跳出來。 挑幾個數字跟原始 Excel 對一遍,對得上再拿去用。
用什麼工具
只想快、就一個看板 :用 ChatGPT 或 Claude ,直接把 Excel 拉上去,請它給你一個 HTML 檔,最省事。資料每天會變、要一直重做 :用 Claude Code / Codex 這種能直接讀你資料夾的,設定一次,以後資料一換、一句話就重新生成。(這是開發者工具 ,要一點技術設定;不會裝沒關係,找懂技術的同事幫你設定一次,新手先用網頁版上傳就夠了。)要傳公司數字前,先做一件事 :如果數字是機密的(還沒公開的業績、客戶名單),先把敏感的欄位刪掉再傳 ,或整份改用能在自己電腦本機跑的工具,別上傳到雲端。看板本身只是張畫面,但你餵進去的原始數字才是真正要保護的東西。
下什麼指令
把「數字不准改、要能互動」寫進指令裡,這是防呆的關鍵:
你是資料視覺化助手。用我給的這份資料,做成一個單一 HTML 檔的互動看板,用 ECharts 畫圖。
要求:一,我要看的指標是〔填你的,例如:每月業績、每日流量〕,用〔長條圖/折線圖〕;二,滑鼠移到圖上要顯示該點的實際數字;三,直接用我資料裡的數字,不要自己估算、不要四捨五入、不要改動任何一個數值;四,把 ECharts 函式庫直接內嵌 進這個 HTML(不要用外部網路連結),做成不連網也能打開 的單一檔案。
做完把完整 HTML 給我,並告訴我怎麼用瀏覽器打開。
可接哪些 MCP(進階,想更省力再看) 新手可跳過
先別被 MCP 這三個字嚇到——你現在不接也能做出看板,這段是給「以後想更省力」的人看的。如果你的數字每天都在更新,值得接個 MCP,讓 AI 不用你每次手動上傳:
檔案系統(filesystem)MCP :讓 AI 直接讀你指定資料夾裡的 Excel/CSV,資料一換就重新生成看板。試算表 / 資料庫 MCP :數字放在雲端試算表或資料庫時,讓 AI 直接連過去抓最新的,不用你每天匯出。
基礎知識 · 什麼是 MCP
把 MCP 想成「AI 的外接插座」。裝上對應的插座,AI 就能直接讀你的檔案、你的試算表,而不是只能在對話框裡等你貼上來。你不用會寫程式,但坦白說「裝」和「授權」對新手還是有點門檻——第一次可以請懂技術的同事幫忙設定一次。(MCP 生態變化快,挑當前還在維護的版本。)
你可以帶走的
做數據看板用 AI,成敗不在畫得多花俏,在你有沒有先把數字守住 :
先想清楚你要看哪幾個指標,再叫它做——別讓它塞一堆你用不到的圖 數字用你的,不准 AI 估算或改動 ,這是最重要的一條做完用瀏覽器打開、滑鼠移上去試 ,確認能互動、數字會跳出來 拿幾個數字跟原始 Excel 對過再信 ,機密資料別上傳雲端
不會寫程式沒關係——會把數字守住、會用瀏覽器打開試,你就有了一個不用花錢、天天能看的活看板。
Ridgeline · by Lucas — 本篇為第一手案例拆解,方法可套用於其他專業難題