使用Google Charts、Ajax和Project Zero(WebSphere sMash)建立精巧的mashup

Zero 通過整合 Groovy 指令碼編製簡化建立過程

開始之前

本文假設您已經下載了 Project Zero M4，並使用它建立過一個或多個應用程式。您需要對 Groovy 指令碼編製、Ajax 技術和 HTML 有基本的理解，這些內容可以通過 Zero 的教程和樣本獲得。

簡介：Google Charts API

Google Charts 是一個非常出色的服務，它讓開發人員可以使用簡單的 HTTP GET 請求來產生圖形和圖表。客戶機發送請求到 http://chart.apis.google.com/chart， 同時發送的還有一個或多個查詢參數，表明需要的圖表的類型；這些查詢參數的完整列表可在 Google Charts API 文檔中找到。目前，該 API 允許對很多屬性進行控制， 包括圖表的標題、布局、顏色、軸線、資料和說明。圖 1 是使用該 API 的一個簡單的例子。

圖 1. 範例圖表：（來源：Google.com）

如果在映像上單擊右鍵並選擇 Properties，就可以看到用於產生該圖表的 URL。在後面的小節中我將談到查詢字串參數的具體作用。但是，查詢參數的名稱相當老套 ，在將它們組合到一個 URL 時，得到的 URL 冗長繁瑣。在下一節中，您將開始使用 Project Zero 上啟動並執行 Groovy 代碼來封裝這些複雜的 URL。