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

《利用FusionCharts XT 为iPhone 和iPad 应用创建图表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、利用FusionChartsXT为iPhone和iPad应用创建图表为了让高层在旅途中也能浏览业务数据，企业对iPhone和iPad趋之若鹜。这些应用程序有很多数据需要进行智能展示，但是受限于各种iOS图表库有限的表现力。有些图表类型非常有限，而另外一些则缺乏视觉上的吸引力和互动性。开放源码库也没有提供足够的技术支持。那么，你该怎么选择呢？试一试FusionChartsXT，它解决了所有这些问题。作为一个JavaScript图表库，它可以很容易地在一个iOS应用中的UIWebView生成图表和小部件。FusionChartsX

2、T拥有九十多种具备动画效果和交互性的图表类型，增强了你的iOS应用的视觉吸引力和功能。此外，我们提供的专属技术支持准备随时回答您提出的任何问询。您可以从远程Web服务获得数据，或者访问设备上的本地数据。这些数据需要以FusionCharts的JavaScript能够理解的XML或JSON格式进行提供。在这个系列的文章中，我们将向你展示如何在iOS应用中使用FusionChartsXT，以及如何利用来自WebService的数据。我们将创建在UIWebView中显示图表所需的XML和HTML。实例--一个使用FusionChar

3、tsXT展现微博数据的iOS应用我们将使用FusionChartsXT在UIWebView中绘制过去七天‘HTML5’被提到的次数。下面是你的图表在iPhone中最后看上去的样子：要求Xcode3.2或更高版本FusionChartsXT最新版本JSONKit库您还需要访问因特网。我们将使用TopsyAPI的searchhistogram查询。确切的查询是http://otter.topsy.com/searchhistogram.json?q=html5&slice=86400&period=7。你可以运行这个查询(

4、要翻墙)，看看它返回的JSON数据，该数据包含了过去7天‘HTML5’被提及的次数。如何创建图表创建图表需要以下步骤：在Xcode中创建一个基于视图（View-based）的项目通过Topsy的OtterAPI获取‘HTML5’在过去七天中被提及的次数使用JSONKit解析收到的JSON数据为图表创建XML数据创建展现图表所需的HTML让图表可以根据设备的方向自动翻转，让图表在设备横向或垂直时都可以铺满手机屏幕创建Xcode项目让我们打开Xcode，创建一个基于视图的项目，保存为FusionChartsXTiOS

5、Demo。我们需要把FusionChartsXT的JavaScript文件添加到我们的项目中。把下载包->Charts中包含的JavaScript文件拷贝到Xcode项目。我们需要稍微修改一下Xcode的编译过程。XCode把JavaScript文件当成代码（它也应该这么做），并尝试去编译它们。但是我们希望用这些文件在UIWebView中渲染我们的图表，不需要被编译。打开Targets集合以及你的项目Target。我们的Target的名字是FusionChartsXTiOSDemo。打开CopyBundleResources和

6、CompileSources编译过程，选中所有的JavaScript文件，把它们从编译阶段拷贝到copybundle资源中。把名为JSONKit.h和JSONKit.m的JSONKit文件也添加到你的项目中。XCode现在获得了所有必要的文件。让我们开始设计和编码吧！设计与编码在FusionChartsXTiOSDemo.h这个头文件中，添加IBOutlet。@property(nonatomic,retain)IBOutletUIWebView*webView;还有@synthesize，同时依据你的XCode编译选项选择r

7、elease相应的Property与否。打开项目主视图控制器InterfaceBuilder文件（在Resources部分)。在我们的项目中这个文件名为FusionChartsXTiOSDemoViewController.xib。从InterfaceBuilder的UI控件库中拖拽一个UIWebView到视图中，为我们的应用添加一个WebView控件。我们需要把UIWebView的outlet跟这个UIWebView联系起来。从InterfaceBuilder的文档窗口中，从文件的所有者通过Ctrl+Drag添加到UIWeb

8、View。会弹出一个对话框，点击webView。保存并关闭InterfaceBuilder。接下来我们需要添加创建图表的数据及配置所需的属性。在FusionChartsXTiOSDemo.h中加入以下代码：添加参与处理HTTP请求和返回数据的属性：记得@synthesize并