编辑工具:Eclipse
项目:ssm(spring+springmvc+mybatis)
报表展示:使用echarts框架:
效果展示:
根据月报表数据生成图表:
前端页面jsp:
注:需要用到echarts的js去echarts官网下载
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/echarts/echarts-all.js"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/echarts/jquery.min.js"></script>
<!--处理事件js -->
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/park/echarts.js"></script>
<body>
<div id="chartmain" style="width: 600px; height: 400px;">