FusionCharts生成报表应用
程序员文章站
2022-04-15 10:49:15
...
1.需要组装要展示的数据，至于如何怎样去设计数据模型，看你要展示的图形和需要的数据就行了。来个简单的。
实体类，只有两个属性，也可以使用Bean里面的实体类，无所谓了。
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从后来得到数据，然后设置到该请求环境中。
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，他就显示数据了，搞定。
<%@ 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里有。
上一篇： 用ASP.Net编写留言本
下一篇： ASP处理XSLT转换XML的实现