使用Google Charts、Ajax和Project Zero（WebSphere sMash）创建精巧的mashup

使用Google Charts、Ajax和Project Zero（WebSphere sMash）创建精巧的mashup2011-12-26 IBM Dan JemioloZero 通过集成 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。