
图表控件FusionCharts使用教程:如何使用JavaScript渲染iPhone/iPod/iPad图表
FusionCharts使用JavaScript:
FusionCharts XT允许用户创建建立JavaScript图表(也就是web上的HTML5 /Canvas图表)。 这个特性允许用户在不支持Flash播放器的web浏览器上创建图表,如iPhone / iPad。FusionCharts内部利用Highcharts库生成JavaScript图表。
这个功能能够无缝地使用当前的FusionCharts实现模式。不需要任何额外的代码来实现。FusionCharts的JavaScript类自动检测不支持Flash的设备,并创建JavaScript图表。你也可以忽略Flash,并只使用JavaScript生成图表。
FusionCharts是如何工作的:
FusionCharts XT提供一个全新的FusionCharts JavaScript类。 FusionCharts的JavaScript类现在包括四个主要文件:FusionCharts.js,FusionCharts.HC.js, FusionCharts.HC.Charts.js和jquery.min.js。fusioncharts.js这四个文件存在于Download Pack > Charts folder。fusioncharts.js
用户有可能只需要在web页面中包括FusionCharts.js(当时注意,也需要复制其他文件到你的web应用程序)。其余的JavaScript文件将通过FusionCharts.js自动加载按需。
一旦FusionCharts确定设备中没有可用的Flash player,它将自动切换渲染模式为JavaScript。如果你希望JavaScript渲染图表作为默认设置,也可以通过代码进行设置。

让我们来看看在Flash和JavaScript渲染都可用的情况下,只有JavaScript渲染生效的代码:
<html>
<head>
<title>My First chart using FusionCharts - UsingJavaScript</title>
<script type="text/javascript"src="FusionCharts/FusionCharts.js"></script>
</head>
<body>
<div>FusionCharts will loadhere!</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>

本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/ruanjian/article-49697-1.html
那就是淘宝直通车
家用电器设计寿命一般是多少年
教授本是代表了文化
中国强硬起来