javaEE SSH框架使用ChartDirector绘图

16-05-10 来源：[db:作者]

收藏我要投稿

最近做毕设想要在web端显示图表，网上有很多图表的插件，JFreeChart也不错，不过我选择的是ChartDirector。

一、需求：分页显示学生访问对应课程次数的柱状图，（之前我爬取了网站上的一些课程，并记录了用户访问的记录）

二、实现：

（1）ChartDirector自带一个jsp文件，复制到项目中，还有将ChartDirector.jar包引入项目中

（2）要显示图表的jsp界面，其中chart1URL和imageMap1是Action层处理好传递过来的数据，分页的代码可以忽略掉，其实真实的界面代码也就几行。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>   
  	<%@include file="/WEB-INF/jsp/public/list.jspf" %>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的历史浏览记录</title>
  </head>
  
  <body>
  	<div align="center">
	<hr color="#000080">
	<img src='${pageContext.request.contextPath}/charts/getchart.jsp?${chart1URL}' usemap="#map1" border="0">
	<map name="map1">${imageMap1}</map>
	</div>
	<s:form name="student_visitRecord" method="post" >
	</s:form>
<!-- 分页 -->
	<div class="pageView" style="font-size:20px;">
页次：${currentPage}/${pageCount}  每页：${pageSize}条 
总记录条数：${recordCount} 
<a href="javascript： gotoPage(1)" title="首页" style="cursor: hand;">首页</a>
<s:iterator begin="%{beginPageIndex}" end="%{endPageIndex}" var="num">
	<s:if test="#num == currentPage">
		<%-- 当前页 --%>
		<span class="PageSelectorSelected">${num}</span>
	</s:if>
	<s:else>
		<%-- 非当前页 --%>
		<span class="PageSelectorNum" onClick="gotoPage(${num});">${num}</span>
	</s:else>
</s:iterator>
<a href="javascript： gotoPage(${pageCount})" title="尾页"
	style="cursor: hand;">尾页</a>

转到：

<select onchange="gotoPage(this.value)" id="_pn">
	<s:iterator begin="1" end="%{pageCount}" var="num">
		<option value="${num}">${num}</option>
	</s:iterator>
</select>
<script type="text/javascript">
	$("#_pn").val("${currentPage}");
</script>

<script type="text/javascript">
	function gotoPage( pageNum ){
		// window.location.href = "forum_show.action?id=${id}&pageNum=" + pageNum;
		
		$(document.forms[0]).append("<input type='hidden' name='pageNum' value='" + pageNum +"'>");
		document.forms[0].submit();
	}
</script>
</div>
  </body>
</html>

（3）Action层,一些注释已经标注上，乱码的问题设置默认文字c.setDefaultFonts("simsun.ttc")，分页查询的方法就不多说了，将得到chart1URL和imageMap1字符串返回给jsp界面

/** 浏览记录 */
	public String visitRecord() throws Exception{
		int i,recordCount=0;
		//取出学生
		Student stuFind=getCurrentUser().getStudent();
		//取出访问的课程
		String hql="FROM VisitCourseRecord WHERE student=?";
		List

点击复制链接与好友分享!回本站首页