Jfreechart + struts2 实现数据下探 Demo

Jfreechart + struts2 实现数据下探


研究了好多天。网上的教程都是缺斤短两。自己又是个新手搞了好久。终于今天解决了。贴下源码做个笔记:

1、目录结构:


红框内是源码位置。

2、jar包。有一些是没用的。为了方便我都导入了



3、web.xml配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	id="WebApp_ID" version="2.5">

<!-- 	<display-name>CrmJfreechart</display-name> -->

	<!-- struts2过滤器 -->
	<filter>
		<filter-name>struts2</filter-name>
		<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
	</filter>
	<filter-mapping>
		<filter-name>struts2</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>
	

	<servlet>
		<servlet-name>DisplayChart</servlet-name>
		<servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>DisplayChart</servlet-name>
		<url-pattern>/servletDisplayChart</url-pattern>
	</servlet-mapping>
</web-app>

4、struts.xml 配置信息

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
	<constant name="struts.enable.DynamicMethodInvocation" value="true" />
    <constant name="struts.devMode" value="true" />
	<constant name="struts.action.extension" value="do,action"/>


 
    <package name="first" extends="jfreechart-default" namespace="/">   
        <action name="chart" class="com.web.action.ChartAction" method="getChart">  
            <result name="first">/first.jsp</result>  
        </action>  
    </package>  
      
    <package name="b" namespace="/" extends="jfreechart-default">  
        <action name="bchart"  class="com.web.action.ChartActionB">  
            <result type="chart">  
                <param name="width">700</param>  
                <param name="height">400</param>  
            </result>  
        </action>  
    </package>  
</struts>

5、重要的action源码

ChartAction.java    第一个显示的。

package com.web.action;

import java.awt.Color;
import java.awt.Font;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.interceptor.ServletRequestAware;
import org.apache.struts2.interceptor.ServletResponseAware;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartRenderingInfo;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.labels.StandardPieToolTipGenerator;
import org.jfree.chart.plot.PiePlot;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.chart.title.LegendTitle;
import org.jfree.chart.title.TextTitle;
import org.jfree.chart.urls.StandardPieURLGenerator;
import org.jfree.data.general.DefaultPieDataset;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")
public class ChartAction extends ActionSupport implements ServletRequestAware,
		ServletResponseAware {
	private HttpServletRequest request;
	private HttpServletResponse response;
	private String mapMessage;
	private String src;

	public String getChart() throws IOException {
		// 生成饼图
		JFreeChart chart = ChartFactory.createPieChart("图书销售统计表", // 图表标题
				getDateSet(), // 数据
				true, // 是否显示图例
				true, // 是否显示工具提示
				true // 是否生成URL
				);
		// 设置标题及标题字体
		chart.setTitle(new TextTitle("图书销售统计图", new Font("黑体", Font.ITALIC, 22)));
		// 建一个图例
		LegendTitle legendTitle = chart.getLegend(0);
		// 设置图例字体
		legendTitle.setItemFont(new Font("宋体", Font.BOLD, 14));
		// 获取饼图plot对象
		PiePlot plot = (PiePlot) chart.getPlot();
		// 根据key指定各个数据饼图的颜色
		plot.setSectionPaint("JAVA教程", Color.RED);
		plot.setSectionPaint("c++教程", Color.BLUE);
		plot.setSectionPaint("C#教程", Color.GREEN);
		plot.setSectionPaint("VC++教程", Color.ORANGE);
		// 设置plot字体
		plot.setLabelFont(new Font("宋体", Font.BOLD, 18));
		// 设置背景透明度(0~1)
		plot.setBackgroundAlpha(0.9f);
		// -------------------热点设置分割线----------------------------
		// 设定链接
		plot.setNoDataMessage("No data available");
		String str = request.getContextPath() + "/bchart.action";
		// StandardPieURLGenerator()不设置第二个参数"type"默认为category
		plot.setURLGenerator(new StandardPieURLGenerator(str, "type"));
		plot.setToolTipGenerator(new StandardPieToolTipGenerator());
		StandardEntityCollection sec = new StandardEntityCollection();
		// 生成RenderingInfo实例,info参数就是图片的热点信息
		ChartRenderingInfo info = new ChartRenderingInfo(sec);
		response.setCharacterEncoding("GBK");
		String filename = null;
		try {
			filename = ServletUtilities.saveChartAsJPEG(chart, 700, 500, info,
					request.getSession());
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		mapMessage = ChartUtilities.getImageMap("map0", info);
		src = request.getContextPath() + "/servletDisplayChart?filename="
				+ filename;

		return "first";
	}

	private static DefaultPieDataset getDateSet() {
		// 提供生成饼图的数据
		DefaultPieDataset dataset = new DefaultPieDataset();
		dataset.setValue("JAVA教程", 47);
		dataset.setValue("c++教程", 23);
		dataset.setValue("C#教程", 20);
		dataset.setValue("VC++教程", 10);
		return dataset;
	}

	public void setServletRequest(HttpServletRequest request) {
		this.request = request;
	}

	public void setServletResponse(HttpServletResponse response) {
		this.response = response;
	}

	public String getMapMessage() {
		return mapMessage;
	}

	public void setMapMessage(String mapMessage) {
		this.mapMessage = mapMessage;
	}

	public String getSrc() {
		return src;
	}

	public void setSrc(String src) {
		this.src = src;
	}
}

ChartActionB.java    跳转到的Action


package com.web.action;

import java.awt.Color;
import java.awt.Font;
import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.interceptor.ServletRequestAware;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.CategoryAxis;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.title.TextTitle;
import org.jfree.data.category.CategoryDataset;
import org.jfree.data.category.DefaultCategoryDataset;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")
public class ChartActionB extends ActionSupport implements ServletRequestAware {
	private HttpServletRequest request;

	public JFreeChart getChart() throws IOException {
		// ---------------------逻辑判断分割线-------------------------------
		CategoryDataset dataset;
		String queryString = request.getQueryString();
		queryString = java.net.URLDecoder.decode(queryString, "UTF-8");
		System.out.println(queryString);
		String type = null;
		for (String param : queryString.split("&")) {
			String[] nameValue = param.split("=");
			type = nameValue[0].equals("type") ? nameValue[1] : type;
		}
		String subTitle = "";
		if (type.equals("JAVA教程")) {
			dataset = getDateSet1();
			subTitle = "JAVA教程";
		} else if (type.equals("c++教程")) {
			dataset = getDateSet4();
			subTitle = "c++教程";
		} else if (type.equals("C#教程")) {
			dataset = getDateSet2();
			subTitle = "C#教程";
		} else {
			dataset = getDateSet3();
			subTitle = "VC++教程";
		}
		// String title = subTitle + "图书的销售情况";
		// -------------------------生成图片分割线---------------------
		// 生成柱状图
		JFreeChart chart = ChartFactory.createBarChart("图书销售统计表", // 图表标题
				"月份", // 目录轴的显示标签
				"销量", // 数值轴的显示标签
				dataset, // 数据
				// PlotOrientation.HORIZONTAL, //图表方向水平
				PlotOrientation.VERTICAL, // 图表方向垂直
				false, // 是否显示图例
				false, // 是否显示工具提示
				false // 是否生成URL
				);
		// 设置标题及标题字体
		chart.setTitle(new TextTitle("<<" + subTitle + ">>销售统计图", new Font(
				"黑体", Font.ITALIC, 22)));
		// 建一个图例
		// LegendTitle legendTitle = chart.getLegend(0);
		// 设置图例字体
		// legendTitle.setItemFont(new Font("宋体",Font.BOLD,14));
		// 获取柱状图plot对象
		CategoryPlot plot = (CategoryPlot) chart.getPlot();
		// 设置柱型的颜色
		plot.getRenderer().setSeriesPaint(0, Color.blue);
		// 取得横轴
		CategoryAxis categoryAxis = plot.getDomainAxis();
		// 设置横轴的字体
		categoryAxis.setLabelFont(new Font("宋体", Font.BOLD, 22));
		// 设置分类标签以45度倾斜
		// categoryAxis.setCategoryLabelPositions(CategoryLabelPositions.UP_45);
		// 设置分类标签字体
		categoryAxis.setTickLabelFont(new Font("宋体", Font.BOLD, 22));
		// 取得纵轴
		NumberAxis numberAxis = (NumberAxis) plot.getRangeAxis();
		// 设置纵轴的字体
		numberAxis.setLabelFont(new Font("宋体", Font.BOLD, 22));
		// 设置背景透明度(0~1)
		plot.setBackgroundAlpha(0.9f);

		return chart;

	}

	// ------------------------提供数据分割线--------------------
	private static DefaultCategoryDataset getDateSet4() {
		System.out.println("c++");
		// 提供生成柱形图的数据
		DefaultCategoryDataset dataset = new DefaultCategoryDataset();
		dataset.addValue(47, "c++教程", "06年10月");
		dataset.addValue(60, "c++教程", "06年11月");
		dataset.addValue(20, "c++教程", "06年12月");
		dataset.addValue(50, "c++教程", "07年1月");
		return dataset;
	}

	private static DefaultCategoryDataset getDateSet1() {
		System.out.println("java");
		// 提供生成柱形图的数据
		DefaultCategoryDataset dataset1 = new DefaultCategoryDataset();
		dataset1.addValue(47, "JAVA教程", "06年10月");
		dataset1.addValue(23, "JAVA教程", "06年11月");
		dataset1.addValue(20, "JAVA教程", "06年12月");
		dataset1.addValue(10, "JAVA教程", "07年1月");
		return dataset1;
	}

	private static DefaultCategoryDataset getDateSet2() {
		System.out.println("C#");
		// 提供生成柱形图的数据
		DefaultCategoryDataset dataset2 = new DefaultCategoryDataset();
		dataset2.addValue(27, "C#教程", "06年10月");
		dataset2.addValue(23, "C#教程", "06年11月");
		dataset2.addValue(40, "C#教程", "06年12月");
		dataset2.addValue(70, "C#教程", "07年1月");
		return dataset2;
	}

	private static DefaultCategoryDataset getDateSet3() {
		System.out.println("VC++");
		// 提供生成柱形图的数据
		DefaultCategoryDataset dataset3 = new DefaultCategoryDataset();
		dataset3.addValue(48, "VC++教程", "06年10月");
		dataset3.addValue(63, "VC++教程", "06年11月");
		dataset3.addValue(29, "VC++教程", "06年12月");
		dataset3.addValue(49, "VC++教程", "07年1月");
		return dataset3;
	}

	public void setServletRequest(HttpServletRequest request) {
		this.request = request;
	}
}

6、JSP页面的源码

<%@ page language="java" contentType="text/html; charset=GBK"
	pageEncoding="GBK" %>  
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
</head>
<body>
	<P ALIGN="CENTER">
		<s:property value="mapMessage" escape="false" />
		<img src="<s:property value='src'/>" border=0 usemap="#map0">
	</P>
</body>
</html>

实现效果展示:



点击java教程进入 下层数据



好多天终于出来了。瞬间有种解脱的感觉。这是刚进公司的第一个任务。做了好久。总算有收获。


对于有些时候图片出现乱码的时候。一定要统一几个地方的编码
项目编码、jsp页面编码、后台action编码、浏览器编码都需要一致。


由于本人只是菜鸟刚入行,有不妥之处,还望各位大神不吝指出。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值