有的时候,我们不仅仅需要漂亮的统计图来显示统计结果,还需要在统计图下方一个表格可以更加直观的展现各类数据。既然统计图都显示出来了,那我们可以根据统计图的各元素生成表格了。
首先,先显示统计图。
Html----通过一个查询按钮,根据查询条件,查询满足条件的数据,显示到统计图中。
<a onclick="Query();" >查询</a> <center> <div id="chartPro" style="width: 80%"></div> <div id="container" style="width:700px;hight:70px"></div> </center>
JS------生成统计图,生成表格
1 function Query(){ 2 /* 获取查询条件------start------ */ 3 var tradTp=document.getElementById( "tradTp").value;//所属行业 4 var county=document.getElementById( "county").value;//所属区县 5 var replDtS=document.getElementById("replDtS").value;//批复时间,开始 6 var replDtE=document.getElementById("replDtE").value;//批复时间,结束 7 var radios = document.getElementsByName('type'); 8 var countyRad=radios[0]; 9 var trapTpRad=radios[1]; 10 var chartTp; 11 if(countyRad.checked==true){ 12 chartTp=countyRad.value; 13 } 14 if(trapTpRad.checked==true){ 15 chartTp=trapTpRad.value; 16 } 17 /* 获取查询条件------end------