數據看板

每天要盯業績、看流量——不用花錢請工程師,也能有一個滑鼠移上去就顯示數字的看板

一個不會寫程式的人,怎麼把手上的數字丟給 AI,變成一個能互動、會跳數字的網頁看板,用瀏覽器打開就能看。

情境:監控指標方法:需求 → 方案 · 逐項拆解法2026-07-30

還沒用過 AI?免費版就能試,不用付錢——先看 30 秒新手上路 →

這問題你八成也遇過

老闆每天問「昨天業績多少、流量掉了沒」,你手上明明有數字,卻只能貼一張死板板的簡報圖——想看細節得換一張,滑鼠移上去也不會有任何反應。想做得漂亮又能互動?請工程師寫一個網頁動輒好幾萬,為了每天看幾個數字實在不划算。卡住的往往不是沒有資料,是那份資料一直是「靜止的圖」,不是能點、能看、能互動的東西

先想 · 你其實只是想要一個「活的」畫面

先講清楚你到底要什麼:不是一張圖,是一個能互動的畫面——滑鼠移到某根長條上,會跳出當天的實際數字;有好幾個指標,可以分開看。這種東西的本體就是一個 HTML 檔案(HTML=就是網頁,用瀏覽器打開的那種檔案)。過去這一定要工程師寫,現在你可以把數字給 AI,讓它連「畫圖的程式」一起幫你寫好。重點只有一句:數字是你的,AI 只是幫你把它變成畫面——所以數字對不對,最後還是你說了算。

解方 · 把做看板拆成四步,每步都自己確認

  1. 給資料、說要看什麼:把數字(Excel 或 CSV)給 AI,講清楚你要看幾個指標、想用長條還是折線。
  2. AI 生成看板:請它做成一個 HTML 檔,用 ECharts 這個工具畫互動圖表(ECharts=一種免費、專門用來畫互動圖表的網頁工具,滑鼠移上去會顯示數字)。
  3. 瀏覽器打開試互動:檔案存下來,用瀏覽器打開,滑鼠移上去看看數字對不對、能不能切換指標。
  4. 人核對數字:拿看板上的幾個數字,跟你原始的 Excel 對一遍——對得上,才拿去用、才敢給老闆看。
STEP 1給資料·說要看什麼
STEP 2AI 生成看板
STEP 3瀏覽器打開試互動
STEP 4人核對數字

照著做(跟著點,不用想)

  1. 打開 ChatGPT 或 Claude,開一個新對話,把有數字的 Excel 或 CSV 準備好。
  2. 把檔案直接拖進對話框(或按迴紋針上傳)。
  3. 貼下面的指令,講清楚你要看哪些指標、要長條還是折線。
  4. 它會給你一段 HTML,或一個 .html 檔——把它存成一個檔案(例如 看板.html)。
  5. 用滑鼠雙擊那個檔,它會用瀏覽器打開,滑鼠移上去看看數字會不會跳出來。
  6. 挑幾個數字跟原始 Excel 對一遍,對得上再拿去用。

用什麼工具

下什麼指令

把「數字不准改、要能互動」寫進指令裡,這是防呆的關鍵:

你是資料視覺化助手。用我給的這份資料,做成一個單一 HTML 檔的互動看板,用 ECharts 畫圖。 要求:一,我要看的指標是〔填你的,例如:每月業績、每日流量〕,用〔長條圖/折線圖〕;二,滑鼠移到圖上要顯示該點的實際數字;三,直接用我資料裡的數字,不要自己估算、不要四捨五入、不要改動任何一個數值;四,把 ECharts 函式庫直接內嵌進這個 HTML(不要用外部網路連結),做成不連網也能打開的單一檔案。 做完把完整 HTML 給我,並告訴我怎麼用瀏覽器打開。

可接哪些 MCP(進階,想更省力再看) 新手可跳過

先別被 MCP 這三個字嚇到——你現在不接也能做出看板,這段是給「以後想更省力」的人看的。如果你的數字每天都在更新,值得接個 MCP,讓 AI 不用你每次手動上傳:

基礎知識 · 什麼是 MCP

把 MCP 想成「AI 的外接插座」。裝上對應的插座,AI 就能直接讀你的檔案、你的試算表,而不是只能在對話框裡等你貼上來。你不用會寫程式,但坦白說「裝」和「授權」對新手還是有點門檻——第一次可以請懂技術的同事幫忙設定一次。(MCP 生態變化快,挑當前還在維護的版本。)

你可以帶走的

做數據看板用 AI,成敗不在畫得多花俏,在你有沒有先把數字守住

  1. 先想清楚你要看哪幾個指標,再叫它做——別讓它塞一堆你用不到的圖
  2. 數字用你的,不准 AI 估算或改動,這是最重要的一條
  3. 做完用瀏覽器打開、滑鼠移上去試,確認能互動、數字會跳出來
  4. 拿幾個數字跟原始 Excel 對過再信,機密資料別上傳雲端

不會寫程式沒關係——會把數字守住、會用瀏覽器打開試,你就有了一個不用花錢、天天能看的活看板。

← 回解題筆記庫回稜線首頁 →