Chart.js

現代網路環境上簡單又好用的 JavaScript 製圖函式庫

4.0 新增顏色外掛程式

預設調色盤 的 Chart.js 品牌顏色可使用內建免設定外掛程式,節省時間。

4.0 新增Tree-shaking

JavaScript 組合大小可以減少數十 KB,只要註冊 必要的元件 即可。

Example of reduced bundle size from 48 KB to 14 KB

3.5 新增座標堆疊

配置方塊可以分組堆疊和加權。

3.4 新增副標題外掛程式

有一個次要標題 外掛程式,其選項與主標題完全相同。

3.1 新增線段造型

線段可以用使用者定義的任何條件造型。

3.0 新增進階動畫

每個元素中每個屬性的轉場可以個別且獨立設定。

3.0 新增效能提升!

進行了許多效能提升。此範例有 1M (2x500k) 點,使用新的 抽取外掛程式

2.0 新增組合圖表類型

混合搭配長條圖和折線圖,提供資料集之間清晰的視覺區別。

2.0 新增新的圖表軸類型

輕鬆繪製複雜、稀疏的日期時間、對數,甚至完全自訂的資料集。

2.0 新增動態動畫!

改變資料、更新顏色和增加資料集的 轉場 效果十分驚人。


開放原始碼

Chart.js 是社群維護的專案,歡迎貢獻!

8 種圖表類型

用 8 種不同的方式視覺化資料;每種都可以自訂並加入動畫。

HTML5 Canvas

所有現代瀏覽器(IE11+)都提供出色的繪製效能。

回應式

當視窗變更大小時重新繪製圖表,達到完美的縮放細緻度。