Fusion Charts Free 使用方法

要使用FusionCharts图表,你需要准备好三样(以创建3D柱状图为例)
1)swf格式的文件。这个文件就是你要显示图表的那个swf,每个swf文件都有一个样式,比如饼状图、柱状图等。我们要创建一个3D柱状图,所以首先准备好Column3D.swf。所有swf格式的文件都存放在Download Package>Chartsfolder文件夹内
2)xml文件。FusionCharts Free 只能从xml格式的文件中读取数据。所以你得提前将自己的数据转换成xml格式
3)html文件。这个就不必多说了,你得有个html文件展示Chart
Data.xml格式的文件是这样的
<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'>
   <set name='Jan' value='462' color='AFD8F8' />
   <set name='Feb' value='857' color='F6BD0F' />
   <set name='Mar' value='671' color='8BBA00' />
   <set name='Apr' value='494' color='FF8E46' />
   <set name='May' value='761' color='008E8E' />
   <set name='Jun' value='960' color='D64646' />
   <set name='Jul' value='629' color='8E468E' />
   <set name='Aug' value='622' color='588526' />
   <set name='Sep' value='376' color='B3AA00' />
   <set name='Oct' value='494' color='008ED6' />
   <set name='Nov' value='761' color='9D080D' />
   <set name='Dec' value='960' color='A186BE' />
</graph>

在html中使用FushionCharts,要加这样一段
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="500" id="Column3D" >
         <param name="movie" value="../FusionCharts/FCF_Column3D.swf" />
         <param name="FlashVars" value="&dataURL=Data.xml&chartWidth=600&chartHeight=500">
         <param name="quality" value="high" />
         <embed src="../FusionCharts/FCF_Column3D.swf" flashVars="&dataURL=Data.xml&chartWidth=600&chartHeight=500" quality="high" width="600" height="500" name="Column3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


之所以有<object>和<embed>这两个标记,是因为在不同的浏览器中显示Flash用到的标签不一样。IE使用<OBJECT>标记,网景浏览器使用<EMBED>标记。为了确保大多数浏览器都能正常显示Flash,你应该把<EMBED>的标签嵌套在<OBJECT>的标签内部,就像例子中展示的那样。启用ActiveX的浏览器会忽略<EMBED>标签内的<OBJECT>标签。网景和旧的Microsoft浏览器将无法识别<OBJECT>的标签,加载Macromedia Flash Player的时候将只使用<EMBED>的标签。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值