利用FusionCharts XT为iPhone和iPad应用创建图表

利用 FusionCharts XT 为 iPhone 和 iPad 应用创建图表

为了让高层在旅途中也能浏览业务数据，企业对 iPhone 和 iPad 趋之若鹜。这些应用程序

有很多数据需要进行智能展示，但是受限于各种 iOS 图表库有限的表现力。有些图表类型非常有

限，而另外一些则缺乏视觉上的吸引力和互动性。开放源码库也没有提供足够的技术支持。那么，

你该怎么选择呢？

试一试 FusionCharts XT，它解决了所有这些问题。作为一个 JavaScript 图表库，它可以

很容易地在一个 iOS 应用中的 UIWebView 生成图表和小部件。FusionCharts XT 拥有九十多种

具备动画效果和交互性的图表类型，增强了你的 iOS 应用的视觉吸引力和功能。此外，我们提供

的专属技术支持准备随时回答您提出的任何问询。

‘HTML5’被提到的次数。下面是你的图表在 iPhone 中最后看上去的

样子：

要求

 Xcode 3.2 或更高版本

 FusionCharts XT 最新版本

 JSONKit 库

 您还需要访问因特网。我们将使用 Topsy API 的 searchhistogram 查询。确切的查询是

http://otter.topsy.com/searchhistogram.json?q=html5&slice=86400&period=7。

你可以运行这个查询(要翻墙)，看看它返回的 JSON 数据，该数据包含了过去 7 天

‘HTML5’被提及的次数。

 创建展现图表所需的 HTML

 让图表可以根据设备的方向自动翻转，让图表在设备横向或垂直时都可以铺满手机屏幕

创建 Xcode 项目

让我们打开 Xcode，创建一个基于视图的项目，保存为 FusionChartsXTiOSDemo。

我们需要把 FusionCharts XT 的 JavaScript 文件添加到我们的项目中。把下载包->Charts

中包含的 JavaScript 文件拷贝到 Xcode 项目。

我们需要稍微修改一下 Xcode 的编译过程。XCode 把 JavaScript 文件当成代码（它也应该

这么做），并尝试去编译它们。但是我们希望用这些文件在 UIWebView 中渲染我们的图表，不

需要被编译。打开 Targets 集合以及你的项目 Target。我们的 Target 的名字是

设计与编码

在 FusionChartsXTiOSDemo.h 这个头文件中，添加 IBOutlet。

@property (nonatomic, retain) IBOutlet UIWebView *webView;

还有@synthesize，同时依据你的 XCode 编译选项选择 release 相应的 Property 与否。

打开项目主视图控制器 Interface Builder 文件（在 Resources 部分)。在我们的项目中这个

文件名为 FusionChartsXTiOSDemoViewController.xib。从 Interface Builder 的 UI 控件库中

拖拽一个 UIWebView 到视图中，为我们的应用添加一个 WebView 控件。