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