구매발주 그래프

src/main/webapp/js/app/main.js

@@ -6,6 +6,7 @@ const MAIN_NOTICE_GRID_EMPTY = '#ITP_MAIN_NOTICE_jqGridEmpty';
 
 let NTICE_DETAIL_GRID_LIST = '/api/ntice/main-detail-grid-list';
 let MAIN_CHART_PCH_REQ_CHART = '/api/main/chart/pch-req-chart';
+let MAIN_CHART_PCH_ODR_CHART = '/api/main/chart/pch-odr-chart';
 
 require(['config'], function() {
 	require([
@@ -30,6 +31,10 @@ require(['config'], function() {
 		$('#ITP_FORM_MAIN_SEARCH_PR_TYPE').on('change', function() {
 			drawChartReq();
 		});
+		
+		$('#ITP_FORM_MAIN_SEARCH_PO_TYPE').on('change', function() {
+			drawChartPodr();
+		});
 				
 	});
 });
@@ -64,19 +69,22 @@ function drawChartReq() {
 
 //구매발주 그래프
 function drawChartPodr() {
-	  var data = google.visualization.arrayToDataTable([
-	    ['구매발주', '요청', '진행', '취소'],
-	    ['2014', 3.5, 1.7, 1.2]
-	  ]);
-
-	  var options = {
-	    	legend: { position: 'left' }	
-	  };
-
-	  var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));
-
-	  chart.draw(data, options);
-	}
+	
+	const key = { brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId'), poType: $('#ITP_FORM_MAIN_SEARCH_PO_TYPE').val() };
+	var param = $.param(key);
+	fn_ajax_call(MAIN_CHART_PCH_ODR_CHART, param, function(result) {
+		
+		var data = google.visualization.arrayToDataTable( eval(result.chartData) );
+	
+		  var options = {
+		    	legend: { position: 'left' }	
+		  };	
+		  var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));	
+		  chart.draw(data, options);
+		
+	}, 'GET');	
+	  
+}
 
 //구매요청 상위 품목 그리드
 function drawChartReqUp() {

src/main/webapp/main.html

@@ -239,8 +239,11 @@
 									</div>
 									<div class="itp_graph_box">
 										<div class="itp_graph_side">
-											<select>
-												<option>fasdf</option>
+											<select id="ITP_FORM_MAIN_SEARCH_PO_TYPE" name="poType">
+												<option value="A">당일</option>
+												<option value="B">1주일</option>
+												<option value="C">15일</option>
+												<option value="D">1개월</option>
 											</select>
 											<div class="itp_graph_info_bar">
 												<div class="itp_graph_info">구매발주</div>