看FusionchartS如何在iPhone上呈现javascript图表

原创|其它|编辑:郝浩|2012-05-25 02:24:33.000|阅读 854 次

概述:FusionCharts允许您在那些禁用、未安装或不支持Flash Player的设备上创建JavaScript图表.接下来,我们就一起来看看Fusioncharts如何在iPhone / iPod/ iPad呈现javascript图表。

FusionCharts允许您在那些禁用、未安装或不支持Flash Player的设备上创建JavaScript图表.接下来,我们就一起来看看Fusioncharts如何在iPhone / iPod/ iPad呈现javascript图表。

FusionCharts XT采用了新的FusionCharts JavaScript类,它由4个重要的文件组成:FusionCharts.js,FusionCharts.HC.js,FusionCharts.HC.Charts.js和jquery.min.js。这四个文件位于下载包的chart文件夹中。在你的网页中您只需要FusionCharts.js,但是也不要忘记复制其他几个文件到您的应用程序中,因为其他的几个文件将会根据FusionCharts.js的需要而自动加载。

FusionCharts JavaScript类具有检测浏览器是否正在iPad,iPhone或iPod上运行和切换到纯JavaScript呈现架构的能力。一旦FusionCharts类 监测到设备上不支持Flash Player,FusionCharts JavaScript类自动切换到纯JavaScript图表。如果你希望将图表类型默认呈现为JavaScript图表,你可以通过代码设置渲染方式。

下面这段代码表示Flash和JavaScript渲染模式都用,但是当不支持Flash Player时,会自动切换到JavaScript渲染模式。

<html>
<head>
<title>My First chart using FusionCharts - Using JavaScript</title>
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
</head>
<body>
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript"><!--
var myChart = new FusionCharts("FusionCharts/Column2D.swf", "myChartId", "400",
"300", "0", "1" );
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");
// -->
</script>
</body>
</html>

 

fusioncharts,图表,flash图表,iphone,ipad,ipod,javascri图表

fusioncharts,图表,flash图表,iphone,ipad,ipod,javascri图表

如果只想渲染JavaScript图表,你只需要添加一行代码,如下所示:

FusionCharts.setCurrentRenderer('javascript')

该行代码会跳过Flash渲染而自动切换到纯JavaScript图表。修改后的代码如下:

<html>
<head>
<title>My First chart using FusionCharts - Using pure JavaScript</title>
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
</head>
<body>
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript"><!--
FusionCharts.setCurrentRenderer('javascript');
var myChart = new FusionCharts( "FusionCharts/Column2D.swf", "myChartId", "400",
"300", "0", "1" );
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");
// -->
</script>
</body>
</html>

 

这时候便可在iPhone/iPad/iPod设备上查看所生成的图表了。


(慧都控件网版权所有,转载请注明出处,否则追究法律责任)



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
FusionCharts XT

50万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat