mirror of
https://github.com/xuhuisheng/lemon.git
synced 2026-10-29 06:06:39 +08:00
77 lines
2.2 KiB
Plaintext
77 lines
2.2 KiB
Plaintext
<%@page contentType="text/html;charset=UTF-8"%>
|
|
<%@include file="/taglibs.jsp"%>
|
|
<%pageContext.setAttribute("currentHeader", "report");%>
|
|
<%pageContext.setAttribute("currentMenu", "chart");%>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<%@include file="/common/meta.jsp"%>
|
|
<title>最活跃流程</title>
|
|
<%@include file="/common/s3.jsp"%>
|
|
|
|
<link rel="stylesheet" href="${cdnPrefix}/jqplot/jquery.jqplot.min.css" type="text/css" media="screen" />
|
|
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="${cdnPrefix}/jqplot/excanvas.min.js"></script><![endif]-->
|
|
<script type="text/javascript" src="${cdnPrefix}/jqplot/jquery.jqplot.min.js"></script>
|
|
<script type="text/javascript" src="${cdnPrefix}/jqplot/plugins/jqplot.barRenderer.min.js"></script>
|
|
<script type="text/javascript" src="${cdnPrefix}/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
|
<script type="text/javascript" src="${cdnPrefix}/jqplot/plugins/jqplot.pointLabels.min.js"></script>
|
|
<script type="text/javascript" src="${cdnPrefix}/jqplot/plugins/jqplot.pieRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function drawPie() {
|
|
var data = [
|
|
<c:forEach items="${list}" var="item">
|
|
["${item.name}", ${item.c}],
|
|
</c:forEach>
|
|
[]
|
|
];
|
|
var plot1 = jQuery.jqplot ('pie', [data],
|
|
{
|
|
seriesDefaults: {
|
|
// Make this a pie chart.
|
|
renderer: jQuery.jqplot.PieRenderer,
|
|
rendererOptions: {
|
|
// Put data labels on the pie slices.
|
|
// By default, labels show the percentage of the slice.
|
|
showDataLabels: true
|
|
}
|
|
},
|
|
legend: { show:true, location: 'e' }
|
|
}
|
|
);
|
|
}
|
|
|
|
$(function () {
|
|
drawPie();
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<%@include file="/header/report.jsp"%>
|
|
|
|
<div class="row-fluid">
|
|
<%@include file="/menu/report.jsp"%>
|
|
|
|
<!-- start of main -->
|
|
<section id="m-main" class="col-md-10" style="padding-top:65px;">
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
最活跃流程
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="pie" style="height:300px;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<!-- end of main -->
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|