要使用FusionCharts圖表,你需要準備好三樣(以建立3D柱狀圖為例)1)swf格式的檔案。這個檔案就是你要顯示圖表的那個swf,每個swf檔案都有一個樣式,比如餅狀圖、柱狀圖等。我們要建立一個3D柱狀圖,所以首先準備好Column3D.swf。所有swf格式的檔案都存放在Download
Package > Charts folder檔案夾內2)xml檔案。FusionCharts Free 只能從xml格式的檔案中讀取資料。所以你得提前將自己的資料轉換成xml格式3)html檔案。這個就不必多說了,你得有個html檔案展示ChartData.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>的標籤。