鐵人檔案
這是一套以 30 天為節奏、循序漸進的 Chart.js (v4.5.1) 系列學習，從環境建置與核心觀念開始，從掌握 `type`、`data`、`options` 三大設定，以及折線圖、長條圖、圓餅圖、雷達圖與混合圖表等常用類型。此系列將進一步介紹 Tooltip、Legend、事件處理、RWD 與動態資料更新，並實作 JSON、CSV、RESTful API 串接、非同步載入、資料轉換及錯誤處理。後段延伸至自訂 Plugin、主題樣式、效能優化，以及 React、Vue、Angular 整合，最後完成互動式資料儀表板專案，適合前端初學者與希望強化資料視覺化實戰能力的開發者。
第三週的六天，我們把 Chart.js 從「只會畫假資料」升級成「能夠串接真實世界資料」的實戰能力：從讀取本地 JSON、串接 Express 後端 API、...
從今天開始，我們進入第四週：外掛開發與框架整合。前三週我們學會了畫各式各樣的圖表、串接真實資料、處理互動事件，也搞定了響應式設計，這些都是「使用 Chart....
昨天（Day 22）我們建立了 Plugin 系統的地基：知道 Plugin 其實是 Chart.js 渲染引擎的核心骨架、學會三種安裝外掛的方式（Globa...
昨天（Day 23）我們學會了自訂外掛（Plugin）開發，也搞懂了外掛 options 如何在 plugin.defaults => Chart.de...
昨天（Day 24）我們把視角拉高到「整個專案的視覺風格管理」，學會用 Chart.defaults 打造主題系統與漸層色背景。從今天開始，我們要走出「純 J...
昨天（Day 25）我們用 react-chartjs-2 把 Chart.js 帶進了 React 的世界，體驗了 useState／useEffect 如...
這兩天我們分別用 react-chartjs-2（Day 25）與 vue-chartjs（Day 26）把 Chart.js 帶進了 React 與 Vue...
前面 27 天，我們把 Chart.js 從「認識」到「精通」走過了一整輪：從基礎的折線圖、長條圖，到雷達圖、氣泡圖等各種圖表類型；從座標軸、圖例、動畫等細節...
Day 28 我們把「個人財務儀表板」從零想清楚：寫了 User Story、用 MoSCoW 劃定範疇、畫了 Wireframe、設計了 Transacti...
這是 Chart.js 30 天學習計畫的最後一天。Day 28 我們把「個人財務儀表板」從零想清楚，Day 29 把藍圖真正做成一個能互動的網頁——四張圖表...
