使用 Google 圖表

視覺化簡介插圖

Google 圖表可讓您以視覺化方式呈現網站上的資料。從簡單的折線圖到複雜的階層式樹狀圖,圖表庫都提供了大量可用的圖表類型,

使用 Google 圖表的最常見方法就是使用嵌入網頁中的簡易 JavaScript。您載入某些 Google 圖表資料庫、列出要繪製圖表的資料、選取自訂圖表的選項,最後使用您選擇的 id 來建立圖表物件。 然後,在網頁上使用該 id 建立 <div> 以顯示 Google 圖表。

這就是您需要開始使用的步驟。

圖表是以 JavaScript 類別的形式呈現,而 Google 圖表則提供多種圖表類型供您使用。預設外觀通常是您所需要的,您也可以隨時自訂圖表,以符合網站的外觀和風格。圖表具備高度互動性及公開呈現事件,您可以用來連結各種資訊主頁或其他與網頁整合的體驗。圖表採用 HTML5/SVG 技術來呈現,提供跨瀏覽器相容性 (包括舊版 IE 版本的 VML),以及 iPhone、iPad 和 Android 的跨平台可攜性。使用者永遠都無需使用外掛程式或任何軟體。如果他們擁有網路瀏覽器,就可以查看您的圖表。

所有圖表類型都會使用 DataTable 類別填入資料,方便您在實驗時輕鬆切換圖表類型,找出理想的外觀。DataTable 提供排序、修改及篩選資料的方法,並可直接從您的網頁、資料庫或任何支援圖表工具資料來源通訊協定的資料供應商填入。(該通訊協定包含類似 SQL 的查詢語言,且是由 Google 試算表、Google Fusion Tables 和 SalesForce 等第三方資料供應商所實作。 您甚至可以在自己的網站上實作通訊協定,並成為其他服務的資料供應商。)

準備好建立第一個圖表了嗎?請參閱快速入門導覽課程

 

我們的工具會持續更新,以更滿足您的需求;我們會參考您的意見回饋,決定要優先提供哪些功能。歡迎加入我們的討論群組