통계 작업 중

src/main/java/com/style24/persistence/domain/Statistics.java

@@ -270,4 +270,16 @@ public class Statistics extends TscBaseDomain {
 
 	private String distributionGbS;
 	private String distributionGbW;
+
+	private double perCnt1;
+	private double perCnt2;
+	private double perCnt3;
+	private double perCnt4;
+	private double perCnt5;
+
+	private int cnt1;
+	private int cnt2;
+	private int cnt3;
+	private int cnt4;
+	private int cnt5;
 }

src/main/webapp/WEB-INF/views/statistics/CustomerActiveForm.html

@@ -25,22 +25,90 @@
 
 		<!-- 검색조건 영역 -->
 		<div class="panelStyle">
+			[[${#calendars.format(#calendars.createNow(), 'yyyy-MM-dd hh:00:00')}]];
 			* 2020년 12월 25일 02:00 기준 / 휴면 회원 제외
 			<!-- 리스트 영역 -->
 			<div class="panelStyle">
 				<ul class="panelBar">
 					<li class="left" style="width: 50%;">
-						<div id="chart1" class="chartUnit c3" style="max-height: 300px; position: relative;">
-						</div>
+						<div id="chart1" class="chartUnit c3" style="max-height: 300px; position: relative;"></div>
+						<table class="frmStyle">
+							<colgroup>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col/>
+							</colgroup>
+							<tbody>
+								<th>3개월이내</th>
+								<th>~6개월</th>
+								<th>~9개월</th>
+								<th>~12개월</th>
+								<th>1년~</th>
+								<tr>
+									<td class="aC" th:text="${#numbers.formatInteger(unloginList[0].cnt1, 0, 'COMMA')}"></td>
+									<td class="aC" th:text="${#numbers.formatInteger(unloginList[0].cnt2, 0, 'COMMA')}"></td>
+									<td class="aC" th:text="${#numbers.formatInteger(unloginList[0].cnt3, 0, 'COMMA')}"></td>
+									<td class="aC" th:text="${#numbers.formatInteger(unloginList[0].cnt4, 0, 'COMMA')}"></td>
+									<td class="aC" th:text="${#numbers.formatInteger(unloginList[0].cnt5, 0, 'COMMA')}"></td>
+								</tr>
+							</tbody>
+						</table>
 						<button type="button" class="btn btn-default btn-lg" onclick="fnExcelDownLoad();">엑셀다운로드</button>
 					</li>
 					<li class="right"  style="width: 50%;">
 						<div id="chart2" class="chartUnit c3" style="max-height: 300px; position: relative;"></div>
+						<table class="frmStyle" style="margin-left: 10%;">
+							<colgroup>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col/>
+							</colgroup>
+							<tbody>
+							<th>SMS/LMS</th>
+							<th>이메일</th>
+							<th>푸시</th>
+							<th>미동의</th>
+							<tr>
+								<td class="aC" th:text="${#numbers.formatInteger(marketingList[0].cnt4, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(marketingList[0].cnt3, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(marketingList[0].cnt2, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(marketingList[0].cnt1, 0, 'COMMA')}"></td>
+							</tr>
+							</tbody>
+						</table>
 					</li>
 				</ul>
 				<ul>
 					<li class="left"  style="width: 50%;">
 						<div id="chart3" class="chartUnit c3" style="max-height: 300px; position: relative;"></div>
+						<table class="frmStyle">
+							<colgroup>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col width="10%;"/>
+								<col/>
+							</colgroup>
+							<tbody>
+							<th>3개월이내</th>
+							<th>6개월이내</th>
+							<th>9개월이내</th>
+							<th>12개월이내</th>
+							<tr>
+								<td class="aC" th:text="${#numbers.formatInteger(dormRemainList[0].cnt1, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(dormRemainList[0].cnt2, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(dormRemainList[0].cnt3, 0, 'COMMA')}"></td>
+								<td class="aC" th:text="${#numbers.formatInteger(dormRemainList[0].cnt4, 0, 'COMMA')}"></td>
+							</tr>
+							</tbody>
+						</table>
 						<button type="button" class="btn btn-default btn-lg" onclick="fnExcelDownLoad();">엑셀다운로드</button>
 					</li>
 				</ul>
@@ -51,28 +119,27 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 
-	// var unloginList = [[${unloginList}}]];		// 미로그인 회원 현황
-	// var marketingList = [[${marketingList}}]];	// 마케팅 수신동의 현황
-	// var dormRemainList = [[${dormRemainList}}]];// 휴면전환 잔여일별 회원현황
-
+	var unloginList = [[${unloginList}]];
+	var marketingList = [[${marketingList}]];
+	var dormRemainList = [[${dormRemainList}]];
 
 	//chart1 미로그인 회원 현황
 	var chart1  =   c3.generate({
 		bindto: "#chart1",
 		data: {
 			columns: [
-				['3개월 이내', 76],
-				['~6개월', 21],
-				['~9개월', 0],
-				['~12개월', 0],
-				['1년~', 3],
+				['3개월 이내', unloginList[0].perCnt1],
+				['~6개월'   , unloginList[0].perCnt2],
+				['~9개월'   , unloginList[0].perCnt3],
+				['~12개월'  , unloginList[0].perCnt4],
+				['1년~'    , unloginList[0].perCnt5],
 			],
 			type : 'pie',
 		},
 		title: {
 			text: '미로그인 회원 현황'
 		},
-		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '', '']},
+		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '#FF7043', '#FFD54F']},
 		legend: {
 			padding: 15, //범례 item 우측 간격
 		},
@@ -95,17 +162,17 @@
 		bindto: "#chart2",
 		data: {
 			columns: [
-				['SMS/LMS', 444,202],
-				['이메일', 455,900],
-				['푸시', 289,900],
-				['미동의', 80,900],
+				['SMS/LMS', marketingList[0].perCnt4],
+				['이메일'  , marketingList[0].perCnt3],
+				['푸시'    , marketingList[0].perCnt2],
+				['미동의'  , marketingList[0].perCnt1],
 			],
 			type : 'pie',
 		},
 		title: {
 			text: '마케팅 수신동의 현황'
 		},
-		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '', '']},
+		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '#48C9B0']},
 		legend: {
 			padding: 15, //범례 item 우측 간격
 		},
@@ -127,24 +194,28 @@
 	var chart3  =   c3.generate({
 		bindto: "#chart3",
 		data: {
+			// x : 'x',
 			columns: [
-				['SMS/LMS', 444,202],
-				['이메일', 455,900],
-				['푸시', 289,900],
-				['미동의', 80,900],
+				['data', dormRemainList[0].cnt1, dormRemainList[0].cnt2, dormRemainList[0].cnt3, dormRemainList[0].cnt4],
 			],
 			type : 'bar',
 		},
 		title: {
 			text: '휴면전환 잔여일별 회원현황'
 		},
-		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '', '']},
+		color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F', '#48C9B0']},
 		legend: {
 			padding: 15, //범례 item 우측 간격
 		},
+		grid: {
+			y: {
+				show: true
+			}
+		},
 		axis: {
 			x: {
 				type: 'category',
+				categories: ['3개월이내', '6개월이내', '9개월이내', '12개월이내'],
 				padding: {left:0, right: 0.7}, //x축 data 좌우 여백
 
 			},
@@ -156,7 +227,9 @@
 
 	});
 
-
+	$(document).ready(function() {
+		console.log(unloginList[0]);
+	});
 
 /*]]>*/
 </script>