FCF相似於以前使用的JFreeChart,可是功能更爲強大,和炫麗,主要使用Flash技術,因此前端顯示很是炫麗。不只功能強大,並且類型灰常豐富! 首先我得說,FCF是一個跨平臺的,跨瀏覽器的flash圖標組件解決方案。可以被N多語言調用。我作的是java,因此固然談jsp,不過這一點,是2.1版本新增的特性。關於新的一些特性。就不說了。直接上代碼。 一、準備工做 1) 下載FCF(最新版本:V2.1); 2) 建立工程,並創建一個文件夾:FusionCharts(默認),以後將全部的SWF文件cp到該文件夾; 3) 建立數據文件(Xxx.xml) eg: Data.xml <chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='0' formatNumberScale='0' showBorder='1'> <set label='Jan' value='462' /> <set label='Feb' value='857' /> <set label='Mar' value='671' /> <set label='Apr' value='494' /> <set label='May' value='761' /> <set label='Jun' value='960' /> <set label='Jul' value='629' /> <set label='Aug' value='622' /> <set label='Sep' value='376' /> <set label='Oct' value='494' /> <set label='Nov' value='761' /> <set label='Dec' value='960' /> </chart> 4) 建立jsp頁面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>銷售額度柱形圖</title> </head> <body bgcolor="#fffff"> <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/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> </body> </html> 代碼解析: 上面的代碼,其實就是一個顯示flash的簡單標記。具體的標籤屬性不表,值得說的是:不一樣瀏覽器對顯示flash的要求是不同的,咱們發現有一個embed參數,他的各個屬性和值和param參數的值都是同樣的,爲何會這樣呢?其實這是由於爲了在不一樣的瀏覽器裏都能運行flash的一個解決辦法。IE瀏覽器使用param參數來運行flash,二NetScape則是使用embed參數來運行flash。爲此咱們均使用該兩個標籤。 發佈,訪問,最後你能夠看到一個很是炫的chart圖。 若是不幸,你沒有在頁面上看到漂亮的chart圖,則多是由於: 一、SWF沒有複製? 二、在頁面中,沒有正確設置SWF的位置? 三、沒有安裝flash播放器? 四、沒有啓用瀏覽器的flash播放? 五、遇到「Error in loading Data」?多是由於:Data.xml沒有放到正確的文件夾,或者文件名不正確(eg:Data.xml.txt?); 六、遇到「Invaild XML Data」? 但是是由於:Data.xml沒有正確編寫 第一個FCF應用結束。