增强站点交互性 Ajax小部件鉴赏(1)(2)

显示数据的另一种极具吸引力的方式就是使用仪表盘小部件。个人而言，我不是很欣赏这种做法，因为即使是显示一点点信息都要占用大量的空间。但仪表盘是高管仪表板的一个关键特性，所以若能快速创建仪表盘，将会十分方便。

但是，如果 Web 连简单的柱形图都处理不好的话，那么当然也就不能处理圆形的仪表盘了。所以，我又将目光投向创建 XML/Graph 的同一家公司。他们也有一个针对仪表盘的解决方案：XML/Gauge。

我将从嵌入了 SWF/Gauge 小部件的 HTML 开始，如 清单 3 所示。

清单 3. Gauge_page.html

gauge.swf 带有一个参数：数据的位置。在这个例子中，这个位置为 gauge_data.xml，如 清单 4 所示。

清单 4. Gauge_data.xml

可以看到，SWF 对这个小部件采取了一种不同的处理方法。实际上，我是用圆、弧和矩形之类的基本图形构建仪表盘的，而没有通过为仪表盘（或图形）指定数据的方式。

坦白地说，我更喜欢一组预先设置好的仪表盘，这样一来，我所要做的只是用它们提供数据。但是，这里的这种方法仍然有效，它给予了我无限的调整空间 ―― 尽管我更喜欢预先设置好的仪表盘以便在此基础上展开工作。

当在浏览器中访问那个页面时，可以看到如图 2 所示的仪表盘。

图 2. 使用中的仪表盘小部件

您可能会想，由于局限于一些基本图形，这种小部件并不能带来更好的效果。事实并非如此。基本图形也包括一些简单的动画技术，所以仍然有可发挥的空间，例如可以创建热点链接区，用户可以通过单击这些链接进行导航。此外，还可以想得更远一些，不仅可以将它用于仪表盘，而且还可以使用其简单的图形原语构建任何类型的图像和简单的动画。