將下載的FusionCharts文件夾放到你的網站目錄中,可以查看相關API,
現在來做個實例吧
Java代碼
<%@ page contentType="text/html; charset=UTF-8" import="java.util.*" %>
<jsp:useBean id ="chart" scope ="page" class="com.gui.chart.FunsionCharts" />
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</HEAD>
<BODY>
<CENTER>
<h2>FusionCharts Examples</h2>
<%
StringBuffer sb = new StringBuffer();
sb.append("<chart caption='對比圖' shownames='1' imageSave='1'"
+"imageSaveURL='FusionChartsSave.jsp' imageSaveDialogFontColor ='cfbbfc'>");
sb.append("<categories><category label='資產負債表(%25)' /><category label='負債與所有者權益比率(%25)' />"
+"<category label='負債與有形凈資產比率(%25)' /></categories>");
sb.append("<dataset seriesName='2006' color='F6BD0F' showValues='1'><set value='60.9300' />"
+"<set value='30.1900' /><set value='25.4900' /></dataset>");
sb.append("<dataset seriesName='2007' color='000000' showValues='1'><set value='68.4200' />"
+"<set value='45.8100' /><set value='66.8200' /></dataset>");
sb.append("<dataset seriesName='2008' color='8BBA00' showValues='1'><set value='53.34' />"
+"<set value='82.22' /><set value='91.21' /></dataset>");
sb.append("</chart>");
//Create the chart - Column 3D Chart with data from Data/Data.xml
//createChartHTML方法可在源碼包中查找 CodeJSPIncludesFusionCharts.jsp
String chartHTMLCode=chart.createChartHTML("flash/MSColumn3D.swf", "", sb.toString(), "myFirst", 600, 300, false);
%> <%=chartHTMLCode%> <BR>
<BR>
</CENTER>
</BODY>
</HTML>
<%@ page contentType="text/html; charset=UTF-8" import="java.util.*" %>
<jsp:useBean id ="chart" scope ="page" class="com.gui.chart.FunsionCharts" />
<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</HEAD>
<BODY>
<CENTER>
<h2>FusionCharts Examples</h2>
<%
StringBuffer sb = new StringBuffer();
sb.append("<chart caption='對比圖' shownames='1' imageSave='1'"
+"imageSaveURL='FusionChartsSave.jsp' imageSaveDialogFontColor ='cfbbfc'>");
sb.append("<categories><category label='資產負債表(%25)' /><category label='負債與所有者權益比率(%25)' />"
+"<category label='負債與有形凈資產比率(%25)' /></categories>");
sb.append("<dataset seriesName='2006' color='F6BD0F' showValues='1'><set value='60.9300' />"
+"<set value='30.1900' /><set value='25.4900' /></dataset>");
sb.append("<dataset seriesName='2007' color='000000' showValues='1'><set value='68.4200' />"
+"<set value='45.8100' /><set value='66.8200' /></dataset>");
sb.append("<dataset seriesName='2008' color='8BBA00' showValues='1'><set value='53.34' />"
+"<set value='82.22' /><set value='91.21' /></dataset>");
sb.append("</chart>");
//Create the chart - Column 3D Chart with data from Data/Data.xml
//createChartHTML方法可在源碼包中查找 CodeJSPIncludesFusionCharts.jsp
String chartHTMLCode=chart.createChartHTML("flash/MSColumn3D.swf", "", sb.toString(), "myFirst", 600, 300, false);
%> <%=chartHTMLCode%> <BR>
<BR>
</CENTER>
</BODY>
</HTML>
另存圖片功能
在<chart caption='name' shownames='1' imageSave='1'
imageSaveURL='FusionChartsSave.jsp' >
好像不支持jdk 1.3,
除了jsp方式另存,還有其他方式可供參考
具體可以看ImageSaving目錄中的源碼
在FusionCharts 里,如果要在圖形里用到一些特殊的字符,你就要對它進行編碼,否則就無法顯示。
歐元符號
在FusionCharts 里顯示“€”,你需要用“%80”來替換它。
上面的代碼會在數字前面都加上“€”。
英鎊符號
在FusionCharts里顯示“£”,你需要用“%A3”來替換它。
人民幣符號
在FusionCharts 里顯示“¥”,你需要用“%A5”來替換它。
分符號
在FusionCharts里顯示“¢”,你需要用“%A2”來替換它.
百分號符號
在FusionCharts里顯示“%”,你需要用“%25”來替換它。
&符號
在FusionCharts 里顯示“&”,你需要用“&”來替換它。
>符號
在要用“>”來替換它。如下:
單引號符號
在FusionCharts 里顯示“'”,你需要用“'”來替換它。如下:
<graph decimalPrecision='0' >
<set name='John's Count' value='420' color='AFD8F8' />
<set name='Mary's Count' value='295' color='F6BD0F' />
<set name='Tom's Count' value='523' color='8BBA00' />
</graph>
上面的代碼顯示為“John's Count”。
如果你想要顯示雙引號,直接使用就可以了,前提是你的屬性值是用單引號括起來的。如果你的屬性值是用雙引號括起來的,你要顯示單引號,也可以直接使用,而不必用“'”來替換它