鐵人檔案
從第四次工業革命（工業4.0）開始，大數據成為產業發展的顯學，各種產業不斷在收集與歸納龐大的使用者資料，運用在行銷策略、製造生產等領域。
不過數據在經過「機器」進行演算與整理後，最終要閱讀的仍然是「人類」，因此有效的資料視覺化能幫助用戶分析和推理。
也因為如此，現在越來越多網站運用所謂的「儀表板」來做數據監控、分析的應用，進而使得圖表繪製逐漸成為前端工程師的必備技能之一。
這次將從零開始介紹 Highcharts 這套圖表庫的基本功能與實作。
本章節範例：https://codepen.io/max-lee/pen/JjXqYyz 經過前面各種設定屬性與 Method 的轟炸後，我們先來個簡單的小...
本章節範例：https://codepen.io/max-lee/pen/vYGqGJj 今天要延續昨天「公司部門年齡分佈與人數佔比」的主題，把昨天需要點擊...
本章節範例：https://codepen.io/max-lee/pen/oNxrMRr 今天要來實作的是「下鑽圖表」，原文是 DrillDown Char...
本章節範例：https://codepen.io/max-lee/pen/mdPZaRr 複合圖表和複數座標軸在前面的章節其實都有介紹過，不過今天我們要結合...
本章節範例：https://codepen.io/max-lee/pen/wvGVGyR 相信大家在學生時期都有在課本中看過人口金字塔，而今天我們就是要用臺...
經過連續五天的實作練習，相信大家應該對於製作 Highcharts 圖表暸若指掌了，不過現在使用前端框架已是網頁開發的主流，Highcharts 是否有因應的方...
昨天我們成功安裝 Highcharts-Vue 並繪製出一個基本的圖表，不過既然都已經使用 Vue 了，我們應該要好好運用「資料綁定」的概念，也就是當資料變動時...
既然已經掌握了 Highcharts-Vue 的基本使用技巧，那今明兩天打算帶大家來實作一個「記帳本」，用一個比較完整的應用來完結這個系列，也算是一個學習成果的...
昨天已經將記帳本打造出一個基本雛形了，但似乎功能並不是很多，純粹就只是看到消費的金額和走向而已，所以我們今天來利用圖表的「事件屬性」搭配 Vue 的 emit...
終於，花了一個月的時間，我們從零開始認識 Highcharts 到現在已經能夠配合 Vue.js 一同運用，希望這次的系列文章能幫助到各位，如果內容與實際使用上...
