现在的位置: 首页 > 综合 > 正文

fusionchart jsp入门步骤

2013年04月27日 ⁄ 综合 ⁄ 共 1642字 ⁄ 字号 评论关闭

在过来人看来很多事情都很简单,关键是入门。所以,写下今天第一次做fusionchart的步骤,为了总结记忆,也为了和朋友们分享。

首先:在weblogic中新建一个web project。

其次:在根目录下引入项目中必须具备的文件夹 

           1.charts:其中放置项目中用到的报表模版。(是必须的文件夹)

           2.data:用来放置数据文件。(根据个人喜好可以没有这个文件夹,因为xml数据也可以不单独放在文件里)

           3.JSClass:用来放置必须的js文件。(如果不用JS嵌入报表的话,可以没有这个文件夹,但是用js嵌入报表跨浏览器的能力更好一些)

          4.JSP文件,用来显示报表。(在下载包Includes里有FusionChartHTMLRender.jsp、FusionChartRender.jsp,如果不用js嵌入的话,按需求引用其中的一个jsp可以简化  调用报表的过程)

<HTML>
<HEAD>
<TITLE>FusionCharts - Simple Column 3D Chart</TITLE>
<style type="text/css">
	<!--
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	-->
	</style>
</HEAD>
<BODY>

<CENTER>
<h2>FusionCharts Examples</h2>
<h4>Basic example using pre-built Data.xml</h4>
<%
	
	/*
	This page demonstrates the ease of generating charts using FusionCharts.
	For this chart, we've used a pre-defined Data.xml (contained in /Data/ folder)
	Ideally, you would NOT use a physical data file. Instead you'll have 
	your own JSP to create the XML data document. Such examples are also present.
	For a head-start, we've kept this example very simple.
	*/
	
	//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="charts/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页面,启动服务器,在浏览器输入url地址,就可以看到报表了。

 

抱歉!评论已关闭.