JSP+Struts2+JFreeChart显示图表+鼠标事件

最新推荐文章于 2014-04-24 16:12:24 发布
最新推荐文章于 2014-04-24 16:12:24 发布
阅读量2.5k 收藏 3
点赞数
文章标签： jfreechart struts jsp string border null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lancui1110/article/details/6099722
版权

Struts2+JFreeChart使用的是Struts2的返回类型来显示图片，但是在页面貌似没有鼠标事件，此方式可参考这篇：
1、http://liyanboss.javaeye.com/blog/181282
2、http://www.cnblogs.com/over140/articles/971663.html
以下JSP+Struts2+JFreeChart是能显示鼠标事件的，但是不是Struts2的返回类型，以下是实现。
action:

Java代码 复制代码
  1. package action;   
  2.   
  3. import java.awt.Rectangle;   
  4. import java.awt.Shape;   
  5. import java.io.IOException;   
  6. import java.io.PrintWriter;   
  7.   
  8. import javax.servlet.http.HttpServletRequest;   
  9. import javax.servlet.http.HttpServletResponse;   
  10.   
  11. import org.apache.struts2.ServletActionContext;   
  12. import org.jfree.chart.ChartFactory;   
  13. import org.jfree.chart.ChartRenderingInfo;   
  14. import org.jfree.chart.ChartUtilities;   
  15. import org.jfree.chart.JFreeChart;   
  16. import org.jfree.chart.entity.ChartEntity;   
  17. import org.jfree.chart.entity.StandardEntityCollection;   
  18. import org.jfree.chart.plot.PlotOrientation;   
  19. import org.jfree.chart.servlet.ServletUtilities;   
  20. import org.jfree.data.category.DefaultCategoryDataset;   
  21.   
  22. import com.opensymphony.xwork2.ActionSupport;   
  23.   
  24. public class LoginAction extends ActionSupport{   
  25.     //页面鼠标事件时需要的参数   
  26.     private String hy_filename;   
  27.     /**  
  28.      * 显示图片  
  29.      * @return  
  30.      */  
  31.     public String show(){   
  32.         HttpServletRequest req = ServletActionContext.getRequest();   
  33.         HttpServletResponse res = ServletActionContext.getResponse();   
  34.         hy_filename = createChartImage(req, res);   
  35.         return SUCCESS;   
  36.     }   
  37.        
  38.     private String createChartImage(HttpServletRequest req, HttpServletResponse res){   
  39.         JFreeChart chart = createChart(createData());   
  40.         String filename = createUseMap(chart, 510, 300, req, res);   
  41.         return filename;   
  42.     }   
  43.        
  44.     private JFreeChart createChart(DefaultCategoryDataset defaultcategorydataset){   
  45.         JFreeChart chart = ChartFactory.createLineChart(null, //图形标题名称   
  46.         null,                       //domain轴 Lable,横坐标Lable   
  47.         null,                       //range 轴 Lable,纵坐标Lable   
  48.         defaultcategorydataset,     // dataset   
  49.         PlotOrientation.VERTICAL,   //垂直显示   
  50.         true,                       // legend?   
  51.         true,                       // tooltips?   
  52.         false);                     //URLs?   
  53.         return chart;   
  54.     }   
  55.        
  56.     private String createUseMap(JFreeChart chart, int width, int height, HttpServletRequest req, HttpServletResponse res){   
  57.         //在矩形框中显示信息   
  58.         Shape shape = new Rectangle(20, 10);   
  59.         ChartEntity entity = new ChartEntity(shape);   
  60.         StandardEntityCollection coll = new StandardEntityCollection();   
  61.         coll.add(entity);   
  62.         //该工具类上面没有介绍，在鼠标移动到图片时显示提示信息是用Map实现的，这些Map是用该类生成的。   
  63.         ChartRenderingInfo info = new ChartRenderingInfo(coll);   
  64.         PrintWriter pw;   
  65.         String filename = null;   
  66.         try {   
  67.             res.setContentType("text/html;charset=utf-8");   
  68.             res.setCharacterEncoding("utf-8");   
  69.             pw = res.getWriter();//输出MAP信息    
  70.             //写入到输出流生成图像文件，同时把图片的具体信息放入ChartRenderingInfo的一个实例为以后生成Map提供信息    
  71.             //ChartUtilities.writeChartAsPNG(out, chart, width, height, info);   
  72.             filename = ServletUtilities.saveChartAsPNG(chart, width , height, info, req.getSession());//保存图表为文件   
  73.             //读取info对象，生成Map信息。这些信息写在pw的输出流中，这里的输出流就是Response.out，也就是直接输出到页面了   
  74.             ChartUtilities.writeImageMap(pw, filename, info, false);   
  75.             pw.flush();   
  76.   
  77.         } catch (IOException e) {   
  78.             e.printStackTrace();   
  79.         }   
  80.         return filename;   
  81.     }   
  82.        
  83.     private DefaultCategoryDataset createData(){   
  84.         String series1 = "血糖";   
  85.         String series2 = "舒张压";   
  86.         String series3 = "收缩压";   
  87.         String type1 = "2009-01-01";   
  88.         String type2 = "2009-02-01";   
  89.         String type3 = "2009-03-01";   
  90.         String type4 = "2009-04-01";   
  91.         String type5 = "2009-05-01";   
  92.         String type6 = "2009-06-01";   
  93.         String type7 = "2009-07-01";   
  94.         String type8 = "2009-08-01";   
  95.         DefaultCategoryDataset defaultcategorydataset = new DefaultCategoryDataset();   
  96.         defaultcategorydataset.addValue(1.0D, series1, type1);   
  97.         defaultcategorydataset.addValue(2D, series1, type2);   
  98.         defaultcategorydataset.addValue(3D, series1, type3);   
  99.         defaultcategorydataset.addValue(5D, series1, type4);   
  100.         defaultcategorydataset.addValue(5D, series1, type5);   
  101.         defaultcategorydataset.addValue(7D, series1, type6);   
  102.         defaultcategorydataset.addValue(7D, series1, type7);   
  103.         defaultcategorydataset.addValue(8D, series1, type8);   
  104.   
  105.         defaultcategorydataset.addValue(5D, series2, type1);   
  106.         defaultcategorydataset.addValue(7D, series2, type2);   
  107.         defaultcategorydataset.addValue(6D, series2, type3);   
  108.         defaultcategorydataset.addValue(8D, series2, type4);   
  109.         defaultcategorydataset.addValue(4D, series2, type5);   
  110.         defaultcategorydataset.addValue(4D, series2, type6);   
  111.         defaultcategorydataset.addValue(2D, series2, type7);   
  112.         defaultcategorydataset.addValue(1.0D, series2, type8);   
  113.         return defaultcategorydataset;   
  114.     }   
  115.   
  116.     public String getHy_filename() {   
  117.         return hy_filename;   
  118.     }   
  119.   
  120.     public void setHy_filename(String hy_filename) {   
  121.         this.hy_filename = hy_filename;   
  122.     }   
  123. }  
package action;

import java.awt.Rectangle;
import java.awt.Shape;
import java.io.IOException;
import java.io.PrintWriter;

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

import org.apache.struts2.ServletActionContext;
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.ChartEntity;
import org.jfree.chart.entity.StandardEntityCollection;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.servlet.ServletUtilities;
import org.jfree.data.category.DefaultCategoryDataset;

import com.opensymphony.xwork2.ActionSupport;

public class LoginAction extends ActionSupport{
	//页面鼠标事件时需要的参数
	private String hy_filename;
	/**
	 * 显示图片
	 * @return
	 */
	public String show(){
		HttpServletRequest req = ServletActionContext.getRequest();
		HttpServletResponse res = ServletActionContext.getResponse();
		hy_filename = createChartImage(req, res);
		return SUCCESS;
	}
	
	private String createChartImage(HttpServletRequest req, HttpServletResponse res){
		JFreeChart chart = createChart(createData());
		String filename = createUseMap(chart, 510, 300, req, res);
		return filename;
	}
	
	private JFreeChart createChart(DefaultCategoryDataset defaultcategorydataset){
		JFreeChart chart = ChartFactory.createLineChart(null, //图形标题名称
		null,  					    //domain轴 Lable,横坐标Lable
		null, 					    //range 轴 Lable,纵坐标Lable
		defaultcategorydataset,		// dataset
		PlotOrientation.VERTICAL,	//垂直显示
		true,						// legend?
		true,						// tooltips?
		false);	 					//URLs?
		return chart;
	}
	
	private String createUseMap(JFreeChart chart, int width, int height, HttpServletRequest req, HttpServletResponse res){
		//在矩形框中显示信息
	    Shape shape = new Rectangle(20, 10);
	    ChartEntity entity = new ChartEntity(shape);
	    StandardEntityCollection coll = new StandardEntityCollection();
	    coll.add(entity);
	    //该工具类上面没有介绍，在鼠标移动到图片时显示提示信息是用Map实现的，这些Map是用该类生成的。
	    ChartRenderingInfo info = new ChartRenderingInfo(coll);
	    PrintWriter pw;
	    String filename = null;
		try {
			res.setContentType("text/html;charset=utf-8");
			res.setCharacterEncoding("utf-8");
			pw = res.getWriter();//输出MAP信息 
		    //写入到输出流生成图像文件，同时把图片的具体信息放入ChartRenderingInfo的一个实例为以后生成Map提供信息 
		    //ChartUtilities.writeChartAsPNG(out, chart, width, height, info);
		    filename = ServletUtilities.saveChartAsPNG(chart, width , height, info, req.getSession());//保存图表为文件
		    //读取info对象，生成Map信息。这些信息写在pw的输出流中，这里的输出流就是Response.out，也就是直接输出到页面了
		    ChartUtilities.writeImageMap(pw, filename, info, false);
		    pw.flush();

		} catch (IOException e) {
			e.printStackTrace();
		}
		return filename;
	}
	
	private DefaultCategoryDataset createData(){
		String series1 = "血糖";
		String series2 = "舒张压";
		String series3 = "收缩压";
		String type1 = "2009-01-01";
		String type2 = "2009-02-01";
		String type3 = "2009-03-01";
		String type4 = "2009-04-01";
		String type5 = "2009-05-01";
		String type6 = "2009-06-01";
		String type7 = "2009-07-01";
		String type8 = "2009-08-01";
		DefaultCategoryDataset defaultcategorydataset = new DefaultCategoryDataset();
		defaultcategorydataset.addValue(1.0D, series1, type1);
		defaultcategorydataset.addValue(2D, series1, type2);
		defaultcategorydataset.addValue(3D, series1, type3);
		defaultcategorydataset.addValue(5D, series1, type4);
		defaultcategorydataset.addValue(5D, series1, type5);
		defaultcategorydataset.addValue(7D, series1, type6);
		defaultcategorydataset.addValue(7D, series1, type7);
		defaultcategorydataset.addValue(8D, series1, type8);

		defaultcategorydataset.addValue(5D, series2, type1);
		defaultcategorydataset.addValue(7D, series2, type2);
		defaultcategorydataset.addValue(6D, series2, type3);
		defaultcategorydataset.addValue(8D, series2, type4);
		defaultcategorydataset.addValue(4D, series2, type5);
		defaultcategorydataset.addValue(4D, series2, type6);
		defaultcategorydataset.addValue(2D, series2, type7);
		defaultcategorydataset.addValue(1.0D, series2, type8);
		return defaultcategorydataset;
	}

	public String getHy_filename() {
		return hy_filename;
	}

	public void setHy_filename(String hy_filename) {
		this.hy_filename = hy_filename;
	}
}



页面：index.jsp

Java代码 复制代码
  1. <%@ taglib prefix="s" uri="/struts-tags"%>   
  2. <%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>   
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  4. <html>   
  5.   <head>   
  6.     <title>JfreeChartTest</title>   
  7.     <meta http-equiv="pragma" content="no-cache">   
  8.     <meta http-equiv="cache-control" content="no-cache">   
  9.   </head>   
  10.   <body>   
  11.     <P ALIGN="center">    
  12.      有鼠标事件：   
  13.     <img src="<%=request.getContextPath() %>/servletDisplayChart?filename=<s:property value='hy_filename'/>" usemap="#<s:property value='hy_filename'/>" border="0">    
  14.     无鼠标事件：   
  15.     <img src="<%=request.getContextPath() %>/servletDisplayChart?filename=<s:property value='hy_filename'/>" border="0">    
  16.     </P>    
  17.   </body>   
  18. </html>  
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>JfreeChartTest</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
  </head>
  <body>
	<P ALIGN="center"> 
	 有鼠标事件：
	<img src="<%=request.getContextPath() %>/servletDisplayChart?filename=<s:property value='hy_filename'/>" usemap="#<s:property value='hy_filename'/>" border="0"> 
	无鼠标事件：
	<img src="<%=request.getContextPath() %>/servletDisplayChart?filename=<s:property value='hy_filename'/>" border="0"> 
	</P> 
  </body>
</html>



struts.xml:
加上以下内容：
<action name="show" method="show" class="action.LoginAction">
      <result>index.jsp</result>
      <interceptor-ref name="defaultStack"/>
</action>

web.xml:
加上以下内容：

Java代码 复制代码
  1. <servlet>    
  2.     <servlet-name>DisplayChart</servlet-name>    
  3.     <servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>    
  4. </servlet>    
  5. <servlet-mapping>    
  6.     <servlet-name>DisplayChart</servlet-name>    
  7.     <url-pattern>/servletDisplayChart</url-pattern>    
  8. </servlet-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>



运行效果：
访问：http://localhost:8080/工程名/show.action

lancui1110
关注
struts2+jsp+jfreechart在JSP页面生成图表
majiang26的专栏
12-16 1408
1.Action:MessageLogAction.java /** * 根据模块名和操作名生成图 * @return * @throws AppException */ @OperateLog(moduleName = "错误日志", content = "走势分析") public String goFindMessageLogToCreateChart() { Default
jfreechart应用--鼠标事件，popmenu，tooltip
Myblog
07-12 1904
工作过程中用到jfreechart输出两个图形，一个是柱状图，一个是曲线图。整理一下用到的几个点。 1.       创建chartpanel，之前在swt中使用jfreechart需要使用SWT_AWT进行swt和awt的桥接①。现在jfreechart中已经有直接在swt上创建的方式，类名ChartComposite②。对于第1种方式有个鼠标双击事件响应的优点。     ChartPan...
jfreechart图表在web页面中添加鼠标悬浮效果
冰剑的专栏
10-14 2701
package com.servlet.report; import java.awt.Color; import java.awt.Font; import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.ResultSet; import java.sql
JfreeChart 在Struts2 web上显示柱状图并当鼠标经过是出现提示信息
hjx_code的专栏
11-22 986
最近做了个项目，需要在Struts2 Web 上使用JFreeChart并且在JFreeChart的柱状图上显示提示信息，也就是经常所说的热点信息。 步骤如下 ： 1.首先创建一个Struts2的项目。 2.修改web.xml文件，在文中增加一个servlet。   代码如下       DisplayChart     org.jfree.chart.servlet.Displa
java+struts2实现图表显示
07-12
本教程将详细介绍如何使用Java和Struts2框架来实现在网页上显示各种图表，如折线图、柱状图和饼状图。 首先，我们需要引入图表库。常见的Java图表库有JFreeChart和Chart.js等。在这个案例中，我们可能使用...
Spring+Struts+JFreeChart 自动生成统计图
08-09
6. **视图**：JSP或Freemarker模板，显示图表和其它UI元素。可能包含JFreeChart的Java代码片段，用于生成图表。 7. **JFreeChart相关的类**：可能包含自定义的图表生成类，用于封装JFreeChart的使用，使代码更易于...
struts2+mysql+jfreechart
01-23
结合这三个技术，开发者可以创建一个Web应用，用户通过Struts2的Action发送请求，Action处理后从MySQL数据库中查询数据，然后使用JFreeChart将数据转化为图表展示。例如，可以创建一个报表系统，用户可以根据不同...
Struts2中使用JfreeChart
04-13
Struts2的`<s:url>`标签会生成指向Action的URL，从而在页面上显示图表。 6. **优化性能**：为了提高性能，可以考虑缓存生成的图表，避免每次请求都重新计算。可以使用内存缓存或者文件系统缓存。 7. **进一步定制...
JFreeChart基本知识
热门推荐
Stay Hungry , Stay Foolish
03-31 1万+
1 定制图表（Customising Charts） 1.1 简介 JFreeChart的设计的定制功能是非常灵活的。我们可以使用非常多的属性来设置我们图表的外观。主要包括以下几个方面 1)pie charts (2D and 3D)：饼图（平面和立体） 2)bar charts (regular and stacked, with an optional 3D effect)：柱状图
jfreechart 对于鼠标事件响应的扩展
沧海一粟
01-25 1471
    jfreechart是一个优秀的开源chart软件。利用jfreechart可以绘制出各种丰富和优美的图形。但是在jfreechart的图上对于鼠标的支持不很充分，对于鼠标的clicked、moved、pressed、released、entered、exited的事件只支持了两个clicked和moved（不知道为什么？），幸运的是jfreechart是一个开源的软件，可以对于它的实现进...
jfreechart生成折线图实例（修改鼠标提示内容）
zlinhua的专栏
04-24 3022
package com.csair.gsms.client.view.transfer; import java.awt.Color; import java.awt.Font; import java.text.NumberFormat; import java.text.SimpleDateFormat; import java.util.ArrayList; import
JFreeChart图表生成与在Struts2+Spring+Hibernate中的应用
JFreeChart能够无缝集成到Struts2、Spring和Hibernate的环境中，这使得在企业级应用中生成图表变得简单。例如，在Servlet中，可以创建图表后将其转换为流并发送到客户端显示。 3. **Web应用支持**： JFreeChart...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值