使用EChart实现图形报表
1、下载echart插件
https://www.echartsjs.com/download.html
2、页面引用js
<head>
<title>员工统计</title>
</head>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.1.8.2.js" ></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/echarts.min.js"></script>
3、渲染图形
<script>
$(function(){
var coutSexChart = echarts.init(document.getElementById('coutSex'));
var option = {
title : {
text: '按性别统计',
subtext: '员工人数',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['男','女'