chart-mostActiveProcess.jsp 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <%@page contentType="text/html;charset=UTF-8"%>
  2. <%@include file="/taglibs.jsp"%>
  3. <%pageContext.setAttribute("currentHeader", "report");%>
  4. <%pageContext.setAttribute("currentMenu", "chart");%>
  5. <%pageContext.setAttribute("currentTitle", "bpm-process-1");%>
  6. <!doctype html>
  7. <html lang="en">
  8. <head>
  9. <%@include file="/common/meta.jsp"%>
  10. <title>最常用流程</title>
  11. <%@include file="/common/s3.jsp"%>
  12. <link rel="stylesheet" href="${ctx}/s/jqplot/jquery.jqplot.min.css" type="text/css" media="screen" />
  13. <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../s/jqplot/excanvas.min.js"></script><![endif]-->
  14. <script type="text/javascript" src="${ctx}/s/jqplot/jquery.jqplot.min.js"></script>
  15. <script type="text/javascript" src="${ctx}/s/jqplot/plugins/jqplot.barRenderer.min.js"></script>
  16. <script type="text/javascript" src="${ctx}/s/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
  17. <script type="text/javascript" src="${ctx}/s/jqplot/plugins/jqplot.pointLabels.min.js"></script>
  18. <script type="text/javascript" src="${ctx}/s/jqplot/plugins/jqplot.pieRenderer.min.js"></script>
  19. <script type="text/javascript">
  20. function drawPie() {
  21. var data = [
  22. <c:forEach items="${list}" var="item">
  23. ["${item.name}", ${item.c}],
  24. </c:forEach>
  25. []
  26. ];
  27. var plot1 = jQuery.jqplot ('pie', [data],
  28. {
  29. seriesDefaults: {
  30. // Make this a pie chart.
  31. renderer: jQuery.jqplot.PieRenderer,
  32. rendererOptions: {
  33. // Put data labels on the pie slices.
  34. // By default, labels show the percentage of the slice.
  35. showDataLabels: true
  36. }
  37. },
  38. legend: { show:true, location: 'e' }
  39. }
  40. );
  41. }
  42. $(function () {
  43. drawPie();
  44. });
  45. </script>
  46. </head>
  47. <body>
  48. <%@include file="/header/report.jsp"%>
  49. <div class="row-fluid">
  50. <%@include file="/menu/report.jsp"%>
  51. <!-- start of main -->
  52. <section id="m-main" class="col-md-10" style=" ">
  53. <div class="panel panel-default">
  54. <div class="panel-heading">
  55. 最活跃流程
  56. </div>
  57. <div class="panel-body">
  58. <div id="pie" style="height:300px;"></div>
  59. </div>
  60. </div>
  61. </section>
  62. <!-- end of main -->
  63. </div>
  64. </body>
  65. </html>