- Google Charts 教程
- Google Charts - 首頁
- Google Charts - 概述
- Google Charts - 環境設定
- 配置語法
- Google Charts - 面積圖
- Google Charts - 柱狀圖
- Google Charts - 氣泡圖
- Google Charts - 日曆圖
- Google Charts - K 線圖
- Google Charts - 條形圖
- Google Charts - 組合圖
- Google Charts - 直方圖
- Google Charts - 折線圖
- Google Charts - 地圖
- Google Charts - 組織結構圖
- Google Charts - 餅圖
- Google Charts - Sankey 圖
- Google Charts - 散點圖
- 階梯面積圖
- Google Charts - 表格圖
- Google Charts - 時間軸圖
- Google Charts - 樹狀圖
- Google Charts - 趨勢線圖
- Google Charts 有用資源
- Google Charts - 快速指南
- Google Charts - 有用資源
- Google Charts - 討論
Google Charts - 概述
Google Charts是一個基於純JavaScript的圖表庫,旨在透過新增互動式圖表功能來增強Web應用程式。它支援各種圖表。圖表使用SVG在Chrome、Firefox、Safari、Internet Explorer (IE) 等標準瀏覽器中繪製。在舊版IE 6中,使用VML繪製圖形。
特性
以下是Google Charts庫的主要特性。
相容性 - 在所有主要瀏覽器和移動平臺(如Android和iOS)上都能流暢執行。
多點觸控支援 - 支援在基於觸控式螢幕的平臺(如Android和iOS)上的多點觸控。非常適合iPhone/iPad和基於Android的智慧手機/平板電腦。
免費使用 - 開源且可免費用於非商業用途。
輕量級 - loader.js核心庫是一個極其輕量級的庫。
簡單的配置 - 使用JSON定義各種圖表的配置,非常易於學習和使用。
動態的 - 允許在圖表生成後修改圖表。
多個軸 - 不限於x軸、y軸。支援圖表上的多個軸。
可配置的工具提示 - 當用戶將滑鼠懸停在圖表上的任何點時,都會出現工具提示。googlecharts提供內建格式化程式或回撥格式化程式以程式設計方式控制工具提示。
日期時間支援 - 特殊處理日期時間。提供許多內建控制元件來處理按日期分類的資料。
列印 - 使用網頁列印圖表。
外部資料 - 支援從伺服器動態載入資料。使用回撥函式控制資料。
文字旋轉 - 支援任意方向的標籤旋轉。
支援的圖表型別
Google Charts庫提供以下型別的圖表:
| 序號 | 圖表型別及描述 |
|---|---|
| 1 | 折線圖 用於繪製基於線/樣條線的圖表。 |
| 2 | 面積圖 用於繪製面積圖。 |
| 3 | 餅圖 用於繪製餅圖。 |
| 4 | Sankey 圖、散點圖、階梯面積圖、表格、時間軸、樹狀圖、趨勢線 用於繪製散點圖。 |
| 5 | 氣泡圖 用於繪製基於氣泡的圖表。 |
| 6 | 動態圖表 用於繪製動態圖表,使用者可以修改圖表。 |
| 7 | 組合圖 用於繪製各種圖表的組合。 |
| 8 | 3D 圖表 用於繪製3D圖表。 |
| 9 | 角度儀表 用於繪製速度計型別的圖表。 |
| 10 | 熱力圖 用於繪製熱力圖。 |
| 11 | 樹狀圖 用於繪製樹狀圖。 |
在接下來的章節中,我們將詳細討論上述每種型別的圖表,並附帶示例。
許可證
Google Charts是開源的,可以免費使用。請訪問以下連結:服務條款。