将下载的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方法可在源码包中查找 Code\JSP\Includes\FusionCharts.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方法可在源码包中查找 Code\JSP\Includes\FusionCharts.jsp
String chartHTMLCode=chart.createChartHTML("flash/MSColumn3D.swf", "", sb.toString(), "myFirst", 600, 300, false);
%> <%=chartHTMLCode%> <BR>
<BR>
</CENTER>
</BODY>
</HTML>