從第四次工業革命(工業4.0)開始,大數據成為產業發展的顯學,各種產業不斷在收集與歸納龐大的使用者資料,運用在行銷策略、製造生產等領域。
不過數據在經過「機器」進行演算與整理後,最終要閱讀的仍然是「人類」,因此有效的資料視覺化能幫助用戶分析和推理。
也因為如此,現在越來越多網站運用所謂的「儀表板」來做數據監控、分析的應用,進而使得圖表繪製逐漸成為前端工程師的必備技能之一。
這次將從零開始介紹 Highcharts 這套圖表庫的基本功能與實作。
本章節範例:https://codepen.io/max-lee/pen/rNevgYm避免文章篇幅過長,沒辦法每個屬性都利用圖片示意,所以記得善用範例來測試...
本章節範例:https://codepen.io/max-lee/pen/ExKRLGP 如果前面幾個圖表元素的設定介紹你都有跟到的話,你可以想想看繪圖區設...
本章節範例:https://codepen.io/max-lee/pen/poyZgWx避免文章篇幅過長,沒辦法每個屬性都利用圖片示意,所以記得善用範例來測試...
本章節範例:https://codepen.io/max-lee/pen/mdPjEEZ避免文章篇幅過長,沒辦法每個屬性都利用圖片示意,所以記得善用範例來測試...
本章節範例:https://codepen.io/max-lee/pen/GRZwKjW 今天要又要來填坑了,在座標軸設定時有說會特別介紹「日期座標軸」,因...
本章節範例:https://codepen.io/max-lee/pen/Vwaqvab 昨天在介紹到「語言設定」時有提到 Highcharts.setOp...
本章節範例:https://codepen.io/max-lee/pen/NWNeevP 近年來響應式網站已成為主流,尤其當網站需要支援行動裝置的使用時,R...
本章節範例:https://codepen.io/max-lee/pen/bGpzoZr避免文章篇幅過長,沒辦法每個屬性都利用圖片示意,所以記得善用範例來測試...
本章節範例:https://codepen.io/max-lee/pen/qBZvgGv 在 Highcharts 中呢,除了五花八門的設定屬性之外,還有不...
Highcharts 的方法(Method)當然不止昨天介紹的「資料更新」這種類型,還有很多方便好用的 Method,而且有了它們,我們就可以在頁面的其他程式邏...