鐵人檔案
這是一套以 30 天為節奏、循序漸進的 Chart.js (v4.5.1) 系列學習，從環境建置與核心觀念開始，從掌握 `type`、`data`、`options` 三大設定，以及折線圖、長條圖、圓餅圖、雷達圖與混合圖表等常用類型。此系列將進一步介紹 Tooltip、Legend、事件處理、RWD 與動態資料更新，並實作 JSON、CSV、RESTful API 串接、非同步載入、資料轉換及錯誤處理。後段延伸至自訂 Plugin、主題樣式、效能優化，以及 React、Vue、Angular 整合，最後完成互動式資料儀表板專案，適合前端初學者與希望強化資料視覺化實戰能力的開發者。
昨天（Day 10）我們在散佈圖範例的最後，預告了一個做法：把「線性迴歸趨勢線」用折線圖疊加在散佈圖上面。今天就要正式介紹這個技巧背後的完整概念——混合圖表（...
昨天（Day 11）我們學會了混合圖表（Mixed Chart Types），範例中也初步用到了 tooltip.callbacks.label 來客製化提示...
昨天（Day 12）我們把圖例（Legend）與提示框（Tooltip）這兩個「互動外掛」摸得很熟了。今天要來看 Chart.js 另一個開箱即用、卻常被忽略...
第二週的六天，我們把 Chart.js 「常用圖表類型」補齊了一大塊：從多維度比較的雷達圖、極座標圖，到帶有第三維度資訊的氣泡圖／散佈圖，再到能把不同圖表類型...
恭喜完成第二週的總複習與「業績儀表板」小專案！過去兩週我們用的資料，幾乎都是直接寫死在 JavaScript 陣列裡的假資料（例如 [65, 72, 68,...
昨天（Day 15）我們學會用 fetch 讀取「本地端的靜態 JSON 檔案」，並把資料轉換成 Chart.js 需要的格式。但實務上的圖表資料，幾乎不會是...
這兩天我們分別學會了串接「本地 JSON」（Day 15）與「後端 RESTful API」（Day 16），兩者的共通點是：資料本身已經是結構完整、格式乾淨...
過去三天（Day 15 ~ Day 17）我們陸續學會了把「本地 JSON」「後端 RESTful API」「CSV 檔案」轉換成 Chart.js 需要的資...
Day 18 我們讓圖表「動」了起來——資料會隨著時間自動更新。今天要讓圖表「聽得懂」使用者的操作：當使用者把滑鼠移到某個資料點上，圖表能不能給予回饋？當使用...
Day 19 我們讓圖表「聽得懂」使用者的滑鼠操作；今天要處理另一個同樣關鍵、卻常常被忽略的問題：圖表在不同螢幕尺寸下，該怎麼正確地縮放？ 手機、平板、桌機的...
