5.案例:查询各个级别分销商的数量(饼图和柱状图)-JSP

最新推荐文章于 2020-11-14 15:36:25 发布

种子之家

最新推荐文章于 2020-11-14 15:36:25 发布

阅读量877

点赞数

分类专栏： JFreeChart 文章标签： radiobutton class iframe stylesheet border input

本文链接：https://blog.csdn.net/seeds_home/article/details/6898531

版权

JFreeChart 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="GBK" contentType="text/html; charset=GBK"%>

<html>

  <head>
  
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    
	<title>分销商级别分布图</title>
	<link rel="stylesheet" href="../style/drp.css">
	
	<script type="text/javascript">
		
		/**
		 * 查询按钮单击事件的响应函数的调用函数
		 */
		function query() {
			
			// iframe,用来显示饼图或是柱状图 
			var pageFrame = window.document.getElementById("pageFrame");
			// radiobutton,选择饼图或是柱状图
			var radiobuttons = window.document.getElementsByName("radiobutton");
			// radiobutton的值,选择饼图或是柱状图
			var radiobuttonValue;
			
			// 获取用户的选择,选择饼图或是柱状图
			for(var i = 0; i < radiobuttons.length; i++) {  
		        if (radiobuttons[i].checked) {  
		        	radiobuttonValue = radiobuttons[i].value;
		        }  
	    	}  
			
			// 设置iframe的src,src是servlet,返回的要么是饼图,要么是柱状图
			if (radiobuttonValue == "pieChart") {
				pageFrame.src = "${pageContext.request.contextPath}/servlet/CharMemoServlet";
			
			} else {
				pageFrame.src = "${pageContext.request.contextPath}/servlet/BarChartServlet";
			}
			
		}
		
	</script>
	
  </head>
  
  <body class="body1">
		<form name="clientLevelChartForm" target="_self"
			id="clientLevelChartForm">
			<div align="center">
				<table width="95%" border="0" cellspacing="0" cellpadding="0"
					height="35">
					<tr>
						<td class="p1" height="18" nowrap> 
							
					  </td>
					</tr>
					<tr>
						<td width="522" class="p1" height="17" nowrap>
							<img src="../images/mark_arrow_02.gif" width="14" height="14">
							 
							<b>统计/报表管理>>分销商级别分布图</b>
						</td>
					</tr>
				</table>
				<hr width="100%" align="center" size=0>
				<table width="95%" height="40" border="0" cellpadding="0"
					cellspacing="0">
					<tr>
						<td width="14%" height="40">
							<div align="right">
								分销大区: 							</div>						</td>
						<td width="13%">
							<select name="region" class="select1" id="region">
								<option value="0">
									--全部--								</option>
								<option value="1">
									华北区								</option>
								<option value="2">
									东北区								</option>
								<option value="3">
									华南区								</option>
							</select>						</td>
						<td width="13%">
							<div align="right">
								分销省: 							</div>						</td>
						<td width="16%">
							<select name="province" class="select1" id="province">
								<option value="0">
									--全部--								</option>
							</select>						</td>
							
							
						<td width="16%">
						
							<input name="radiobutton" type="radio" value="pieChart" checked>饼图
							 
	  						<input name="radiobutton" type="radio" value="barChart">柱状图
						
						</td>
						
						
					    <td width="28%"><input name="btnQuery" type="button" class="button1"
								id="btnQuery" value="查询" οnclick="query()"></td>
					</tr>
			  </table>
				<hr width="100%" align="center" size=0>
			  <div align="center"></div>
			</div>
			<table width="95%" border="0" cellpadding="0"
					cellspacing="0">
              <tr>
                <td align="center">  
				 <iframe  scrolling="auto"  name="pageFrame" id="pageFrame" src="${pageContext.request.contextPath}/servlet/CharMemoServlet"  frameborder="0" width="500" height="500" ></iframe> 
				</td>
              </tr>
            </table>
			<p> 			</p>
		</form>
	</body>
  
</html>