FusionCharts Free中文开发指南第十四章--在JSP里使用FCF

来源：互联网发布：linux查看二进制文件编辑：程序博客网时间：2024/05/04 15:36

前面我们讲的例子里，都是采用HTML或JavaScript来显示图形，这是一种最基本的使用方法。FCF还提供了一些其他的方法来显示图形，有PHP、ASP、JSP等等。不过，有点要说明的是，这些方法其实都是基本使用方法的一种变形，它们最终其实都是在页面上输出HTML或JavaScript。因此，如果你觉得采用HTML或JavaScript就足够了，那就不需要阅读本章了。

我们来看个例子吧。

这是XML数据代码：

<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' 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>

这个是JSP代码：

<HTML>      <HEAD>          <TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE>          <style type="text/css">          <!--            body {            font-family: Arial, Helvetica, sans-serif;            font-size: 12px;            }            -->          </style>      </HEAD>      <BODY>          <CENTER>              <h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2>              <h4>Basic example using pre-built Data.xml</h4>              <%                          //Create the chart - Column 3D Chart with data from Data/Data.xml                %>                <jsp:include page="../Includes/FusionChartsHTMLRenderer.jsp" flush="true">                    <jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" />                    <jsp:param name="strURL" value="Data/Data.xml" />                    <jsp:param name="strXML" value="" />                    <jsp:param name="chartId" value="myFirst" />                    <jsp:param name="chartWidth" value="600" />                    <jsp:param name="chartHeight" value="300" />                    <jsp:param name="debugMode" value="false" />                </jsp:include>                <BR>              <BR>              <a href='../NoChart.html' target="_blank">Unable to see the chart                above?</a>              <BR><H5 ><a href='../default.htm'>« Back to list of examples</a></h5>          </CENTER>      </BODY>  </HTML>

我们可以看到，上例中采用了jsp的include标签，包含了一个叫FusionChartsHTMLRenderer.jsp的JSP页面，它接受一些参数，用来加载数据或控制图形，debugMode必须是flase，因为在FCF里是没有调试功能的。这个JSP页面最终输出的是一段采用HTML来加载图形的代码。它就在下载包 > Code > JSP > Includes文件夹里。

还有另外一个JSP--FusionChartsRenderer.jsp，它输出的是一段采用JavaScript来加载图形的代码。下面是它的使用代码：

<HTML>      <HEAD>          <TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE>          <SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT>          <style type="text/css">          <!--            body {            font-family: Arial, Helvetica, sans-serif;            font-size: 12px;            }            -->          </style>      </HEAD>      <BODY>          <CENTER>              <h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2>              <h4>Embedding chart using FusionCharts JavaScript class and using dataURL method.</h4>              <%                  //Create the chart - Column 3D Chart with data from Data/Data.xml                  %>                <jsp:include page="../Includes/FusionChartsRenderer.jsp" flush="true">                    <jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" />                    <jsp:param name="strURL" value="Data/Data.xml" />                    <jsp:param name="strXML" value="" />                    <jsp:param name="chartId" value="myFirst" />                    <jsp:param name="chartWidth" value="600" />                    <jsp:param name="chartHeight" value="300" />                  <jsp:param name="debugMode" value="false" />                    <jsp:param name="registerWithJS" value="false" />              </jsp:include>              <BR>              <BR>              <a href='../NoChart.html' target="_blank">Unable to see the chart above?</a><BR><H5 ><a href='../default.htm'>« Back to list of            examples</a></h5>          </CENTER>      </BODY>  </HTML>

debugMode和registerWithJS必须是flase，因为在FCF里是没有这两个功能的。

上面两个页面，显示的图形是一样的：

FusionCharts Free中文开发指南[使用文档教程]第十四章--在JSP里使用FCF_15697

1_205813_1.jpg(59.85 K)

3/25/2009 11:26:51 PM

FusionCharts Free中文开发指南 第十四章--在JSP里使用FCF

FusionCharts Free中文开发指南第十四章--在JSP里使用FCF