haojielin2的专栏

使用 dotnetCHARTING:Chart 生成柱状图

&lt;html&gt; &lt;head&gt; &lt;title&gt;查看个人KPI报表&lt;/title&gt; &lt;/head&gt; &lt;style&gt; table tr{ font-size:12px; font-weight:600; } table td{ background-color:#E6E6E6; } &lt;/style&gt; [removed] var httpRequest; //创建异步请求对象 function createXMLHttpRequest(){ if(window.XMLHttpRequest){ httpRequest=new XMLHttpRequest(); }else if(window.ActiveXObject){ try{ httpRequest=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ httpRequest=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){} } } } function getData(){ var sel=document.getElementById("dept"); var deptId=sel.options[sel.selectedIndex].value; //创建异步请求对象 createXMLHttpRequest(); //设置请求的回调函数 httpRequest.onreadystatechange=callBack; //创建新的http请求，指定请求的方法，url，以及验证信息 httpRequest.open("GET","<%=basePath%>servlet/BillAction?action=getData&deptId;="+deptId,true); //发送请求至服务器，并接收回应 httpRequest.send(null); } //回调函数 function callBack(){ //如果请求数据接收完毕 if(httpRequest.readyState==4&&httpRequest;.status==200){ //将返回的请求文本（这里实际上就是data.jsp）写入指定的DIV中 document.getElementById("dataDiv")[removed]=httpRequest.responseText; } } [removed] &lt;body&gt; 部门： <select id="dept"> <c:forEach var="dept" items="${depts}"> <option value="${dept.id}">${dept.name}</option> </c:forEach> </select> &lt;input type="button" id="selBtn" value="显示报表" &lt;div id="dataDiv"> <!—加载httpRequest请求返回的文本（即data.jsp），如红色字体所示代码 --&gt; </div> &lt;/body&gt; &lt;/html&gt; data.jsp页面的主要内容 &lt;body&gt; <table border="1" cellspacing="0"> <tr align="center"> <td>&nbsp;部门名称</td> <td>被评人/评分人</td> <c:forEach var="fromEmp" items="${fromEmps}"> <td width="60">${fromEmp.name}</td> </c:forEach> <td>KPI成绩</td> </tr> <c:forEach var="datas" items="${dataList}"> <tr align="center"> <td>&nbsp;</td> <c:forEach var="data" items="${datas}"> <td>${data}</td> </c:forEach> </tr> </c:forEach> </table> &lt;/body&gt;