FusionCharts生成表格应用

2012-09-05

FusionCharts生成报表应用1.需要组装要展示的数据，至于如何怎样去设计数据模型，看你要展示的图形和需要的

FusionCharts生成报表应用

1.需要组装要展示的数据，至于如何怎样去设计数据模型，看你要展示的图形和需要的数据就行了。来个简单的。

实体类，只有两个属性，也可以使用Bean里面的实体类，无所谓了。

Java代码??

package?com.golden.entity;??
??
public?class?Doughnut?{??
??
????public?Doughnut()?{??
????}??
??
????private?String?label;??
??
????private?int?value;??
??
????public?String?getLabel()?{??
????????return?label;??
????}??
??
????public?void?setLabel(String?label)?{??
????????this.label?=?label;??
????}??
??
????public?int?getValue()?{??
????????return?value;??
????}??
??
????public?void?setValue(int?value)?{??
????????this.value?=?value;??
????}??
??
????public?Doughnut(String?label,?int?value)?{??
????????super();??
????????this.label?=?label;??
????????this.value?=?value;??
????}??
??
}??

2.做一个请求到Servlet，简单使用，也可以请求到Action，无所谓。该Servlet从后来得到数据，然后设置到该请求环境中。

Java代码??

package?com.golden.servlet;??
??
import?java.io.IOException;??
import?java.util.ArrayList;??
import?java.util.List;??
??
import?javax.servlet.ServletException;??
import?javax.servlet.http.HttpServlet;??
import?javax.servlet.http.HttpServletRequest;??
import?javax.servlet.http.HttpServletResponse;??
??
import?com.golden.entity.Doughnut;??
??
@SuppressWarnings("serial")??
public?class?FirstServlet?extends?HttpServlet?{??
??????
????public?void?doGet(HttpServletRequest?request,?HttpServletResponse?response)??
????????????throws?ServletException,?IOException?{??
????????List<Doughnut>?list?=?new?ArrayList<Doughnut>();??
????????Doughnut?d1?=?new?Doughnut("France",?17);??
????????Doughnut?d2?=?new?Doughnut("India",?12);??
????????Doughnut?d3?=?new?Doughnut("Brazil",?18);??
????????Doughnut?d4?=?new?Doughnut("USA",?8);??
????????Doughnut?d5?=?new?Doughnut("Australia",?10);??
????????Doughnut?d6?=?new?Doughnut("Japan",?7);??
????????Doughnut?d7?=?new?Doughnut("England",?5);??
????????Doughnut?d8?=?new?Doughnut("Nigeria",?12);??
????????Doughnut?d9?=?new?Doughnut("Italy",?8);??
????????Doughnut?d10?=?new?Doughnut("China",?10);??
????????Doughnut?d11?=?new?Doughnut("Canada",?19);??
????????Doughnut?d12?=?new?Doughnut("Germany",?15);??
????????list.add(d1);??
????????list.add(d2);??
????????list.add(d3);??
????????list.add(d4);??
????????list.add(d5);??
????????list.add(d6);??
????????list.add(d7);??
????????list.add(d8);??
????????list.add(d9);??
????????list.add(d10);??
????????list.add(d11);??
????????list.add(d12);??
????????request.getSession().setAttribute("list",?list);??
????????request.getRequestDispatcher("/show.jsp").forward(request,?response);??
????}??
??
????public?void?doPost(HttpServletRequest?request,?HttpServletResponse?response)??
????????????throws?ServletException,?IOException?{??
????????doGet(request,?response);??
????}??
??
}??

3.配置，例如需要的Swf文件和JS文件，因为需要JSTL，所以要引入包，页面引进标签，一些低级的工作，赶紧搞定。

4.页面加载时初始化方法解析数据生成XML文件的字符串，然后设置给SWF，他就显示数据了，搞定。

Html代码??

<%@?page?language="java"?import="java.util.*"?pageEncoding="UTF-8"%>??
<%@?taglib?prefix="c"?uri="http://java.sun.com/jsp/jstl/core"?%>??
<%@page?import="com.golden.entity.Doughnut"%>??
<%??
String?path?=?request.getContextPath();??
String?basePath?=?request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";??
%>??
??
<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">??
<html>??
????<head>??
????????<base?href="<%=basePath%>">??
????????<title>FusionCharts报表生成页面</title>??
????????<script?type="text/javascript"?src="<%=request.getContextPath()?%>/js/FusionCharts.js"></script>??
????????<script?type="text/javascript">??
????????var?majorXml;??
????????//var?list;??
????????function?init(){??
????????????initXml();??
????????}??
????????function?initXml(){??
????????????majorXml="<chart?palette='2'?showBorder='1'>";??
????????????majorXml?+=?"<c:forEach?var?='item'?items='${list}'><set?label='${item.label}'?value='${item.value}'/></c:forEach>";??
????????????majorXml+="</chart>";??
????????????showDou3D();??
????????}??
????????function?showDou3D(){??
???????????var?myChart=new?FusionCharts("<%=request.getContextPath()%>/FusionCharts/Doughnut3D.swf",?"ChartId",?"600",?"300",?"0",?"0");??
???????????myChart.setDataXML(majorXml);??
???????????myChart.render("majorbus");??
????????}??
????????</script>??
????</head>??
??
????<body?onload="init()">??
????????<center>??
????????????<div?style=""?id="majorbus">??
????????????</div>??
????????</center>??
????</body>??
</html>??

5.不知道文件在哪里不要紧，在Webroot下建立js和FusionCharts文件夹，分别把附近弄进去，没有JSTL的LIB里有。

js.rar?(4.5 KB)
下载次数: 307
- FusionCharts.rar?(57.2 KB)
- 下载次数: 338
  - lib.rar?(390.2 KB)
  - 下载次数: 515

热点排行

行业软件

FusionCharts生成表格应用