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

核心提示：开始之前本文假设您已经下载了 Project Zero M4，并使用它创建过一个或多个应用程序，使用 Google Charts、Ajax 和 Project Zero（WebSphere sMash）创建精巧的 mashup，您需要对 Groovy 脚本编制、Ajax 技术和 HTML 有基本的理解，这些内容可以通过

开始之前

本文假设您已经下载了 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。

公开更加 RESTful 的图表 API

能够在浏览器中仅仅通过地址栏创建图表当然很好，但是正如 简介 小节中所述，这样做实际上是很繁琐的。能够在地址栏中创建图表，对于非开发人员来说这看上去很有用，但是一旦稍微复杂一些，URL 就会显得太长。更好的设计方法是使用 HTTP POST 和 JSON（用于开发人员）公开图表的创建，并在此基础上提供图形化的界面（用于非开发人员）。这将使这两种用户都更容易地调试图表布局或数据方面的问题。可以使用 Project Zero 实现这种方法，具体做法是将图表 URL 的创建封装在一个 Groovy 脚本中，然后创建一个基于 Ajax 的 Web 界面，该界面通过 HTTP 调用那个脚本。