Fusion Charts Free 使用方法

來源:互聯網
上載者:User
要使用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>的標籤。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.