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里有。
相关推荐
FusionCharts flash报表工具
使用Fusioncharts 开发报表,有充分的教程以及例子,愿你也可以实现用fusioncharts做出您满意的报表
很不错的免费报表生成工具,flash的动态生成效果!
fusioncharts报表工具,提供很多设置chart样式的属性,可以做出很好的报表特效。
NULL 博文链接:https://huanglz19871030.iteye.com/blog/704194
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
免费报表开发工具,可以帮助我们完成我们需要的大部分报表显示。
这个程序是自己写的一个关于fusioncharts的简单应用,基本上把fusioncharts的作用体现了出来,通过修改这个程序可以实现你需要的功能。这个程序是学习fusioncharts很好的入门程序。
FusionCharts_Evaluation报表工具
FusionCharts.js,报表的js及一些swf文件,还有一个例子
利用fusioncharts展示报表的方法的操作步骤及例子.
FusionCharts各种图形报表资源下载
NULL 博文链接:https://zhanglun1225.iteye.com/blog/1334981
该版本为正式版,最近做了一个项目要引入fusioncharts,所以弄来了这个正式版,绝对没有问题,大家可以放心下载使用
NULL 博文链接:https://sd5240075.iteye.com/blog/645691
正在学习FusionCharts,结合asp.net+sqlserver做的一个小实例,展示如何访问数据库中的数据生成我们所需要的图表
此文档为自己学习开发的测试例子,大半部分内容来源于网络,首先感谢他们的分享,这个例子集成了jsp servlet jquery 动态加载fusioncharts数据的功能,可扩展成基于数据库的程序,最近给公司项目在做这个东西,没事...
Fusioncharts 实现flash 图标的报表
非常实用的报表工具,FusionCharts
FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。