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","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; 部门： ${dept.name} &lt;input type="button" id="selBtn" value="显示报表" &lt;div id="dataDiv"> <!—加载httpRequest请求返回的文本（即data.jsp），如红色字体所示代码 --&gt; &lt;/body&gt; &lt;/html&gt; data.jsp页面的主要内容 &lt;body&gt; &nbsp;部门名称 被评人/评分人 ${fromEmp.name} KPI成绩 &nbsp; ${data} &lt;/body&gt;