Index: arms/html/dashboard/content-container.html
===================================================================
diff -u -r34dd6c2fe69d212409f3ad7d849a0a1895c1a642 -rd206526f2de005173ddd8b9c2c4a042456f76586
--- arms/html/dashboard/content-container.html	(.../content-container.html)	(revision 34dd6c2fe69d212409f3ad7d849a0a1895c1a642)
+++ arms/html/dashboard/content-container.html	(.../content-container.html)	(revision d206526f2de005173ddd8b9c2c4a042456f76586)
@@ -591,6 +591,20 @@
                                 <h4><i class="fa fa-bar-chart"></i> 인력별 요구사항&연결이슈 (top 5) </h4>
                             </header>
                             <div class="body" id="issue-manpower-chart"></div>
+                            <div id="total-icon-legend">
+                                <div>
+									<span
+                                            class="circle"
+                                            style="background-color: #155f92"></span>
+                                    <span class="text">요구사항</span>
+                                </div>
+                                <div>
+									<span
+                                            class="circle"
+                                            style="background-color: #1f841f"></span>
+                                    <span class="text">연결이슈</span>
+                                </div>
+                            </div>
                         </section>
                     </div>
                     <div class="col-lg-5" style="padding-left: 4px !important;">
@@ -757,4 +771,36 @@
     .needle-center {
         fill: #f1f2f6;
     }
+
+    #total-icon-legend {
+        position: absolute;
+        top: 50px;
+        right: 10px;
+    }
+
+    #total-icon-legend > div {
+        display: flex;
+        align-items: center;
+        margin-bottom: 0.3em;
+    }
+
+    #total-icon-legend > div:last-child {
+        margin-bottom: 0;
+    }
+
+    #total-icon-legend > div > .text {
+        padding-top: 3px;
+        font-size: 10px;
+    }
+
+    .circle {
+        display: inline-block;
+        background-color: red;
+        width: 11px;
+        height: 11px;
+        border-radius: 50px;
+        margin-top: 4px;
+        margin-right: 8px;
+        border: 1px solid white;
+    }
 </style>
\ No newline at end of file
Index: arms/js/dashboard.js
===================================================================
diff -u -r34dd6c2fe69d212409f3ad7d849a0a1895c1a642 -rd206526f2de005173ddd8b9c2c4a042456f76586
--- arms/js/dashboard.js	(.../dashboard.js)	(revision 34dd6c2fe69d212409f3ad7d849a0a1895c1a642)
+++ arms/js/dashboard.js	(.../dashboard.js)	(revision d206526f2de005173ddd8b9c2c4a042456f76586)
@@ -35,7 +35,9 @@
 			"./js/dashboard/chart/infographic_custom.css",
 			//echarts
 			"../reference/jquery-plugins/echarts-5.4.3/dist/echarts.min.js",
-			"./js/dashboard/chart/barChartOnPolar.js"
+			"./js/dashboard/chart/barChartOnPolar.js",
+			//chart Colors
+			"./js/dashboard/chart/colorPalette.js"
 		],
 
 		["../reference/jquery-plugins/select2-4.0.2/dist/css/select2_lightblue4.css",
@@ -96,6 +98,9 @@
 			//버전 멀티 셀렉트 박스 이니시에이터
 			makeVersionMultiSelectBox();
 
+			// 컬러 테스트 by 장지윤
+			colorsForDashboard = dashboardPalette.dashboardPalette04;
+
 			$('button').on('click', function() {
 				// Caching
 				var self = $('.active');
@@ -1192,6 +1197,9 @@
 
 				let totalDocCount = columnsData.reduce((sum, [_, count]) => sum + count, 0);
 
+				console.log("=== 장지윤 columnsData");
+				console.log(columnsData);
+
 				const chart = c3.generate({
 					bindto: '#donut-chart',
 					data: {
@@ -1201,6 +1209,11 @@
 					donut: {
 						title: "Total : " + totalDocCount
 					},
+					colors: {
+						Open: '#fff',
+						data2: '#fff',
+						data3: '#fff'
+					},
 					tooltip: {
 						format: {
 							value: function (value, ratio, id, index) {
Index: arms/js/dashboard/chart/colorPalette.js
===================================================================
diff -u
--- arms/js/dashboard/chart/colorPalette.js	(revision 0)
+++ arms/js/dashboard/chart/colorPalette.js	(revision d206526f2de005173ddd8b9c2c4a042456f76586)
@@ -0,0 +1,79 @@
+var dashboardPalette = {
+	dashboardPalette01: {
+		projectProgressColor: ["#e49400", "#e47e00", "#e46900", "#e45300", "#e43d00"],
+		appProgressColor: ["#138808", "#e46700", "#3D4049"],
+		statusPerWaveColor: ["#2f3238", "#E49400", "#e47a00", "#e46700", "#e43d00", "#148e08"],
+		inventoryPerWaveColor: ["#55DDE0", "#32658A", "#2F4858", "#F6AE2D", "#F48923", "#f25a19"],
+		strategyPerWaveColor: ["#e49400", "#e47e00", "#e46900", "#e45300", "#e43d00", "#f25a19"],
+		migGroupPerWaveColor: ["#3457D5", "#5D8AA8", "#1F305E"]
+	},
+	dashboardPalette02: {
+		projectProgressColor: [
+			"#E49400",
+			"#B09102",
+			"#7C8E04",
+			"#488B06",
+			"#138808",
+			"#488B06",
+			"#7C8E04",
+			"#B09102",
+			"#E49400"
+		],
+		appProgressColor: ["#e46700", "#3D4049", "#138808"],
+		statusPerWaveColor: ["#2f3238", "#E49400", "#e47a00", "#e46700", "#e43d00", "#148e08"],
+		inventoryPerWaveColor: ["#182E3D", "#4A8FBD", "#82A5BD", "#5E7788", "#5D8AA8", "#2c5571"],
+		strategyPerWaveColor: ["#e49400", "#e47e00", "#e46900", "#e45300", "#e43d00", "#f25a19"],
+		migGroupPerWaveColor: ["#3457D5", "#5D8AA8", "#2c5571", "#1F305E"]
+	},
+	dashboardPalette03: {
+		projectProgressColor: ["rgba(55,71,85)", "rgba(200,96,54)"],
+		appProgressColor: ["rgba(55,71,85)", "rgba(200,96,54)", "rgba(87,86,86)"],
+		statusPerWaveColor: [
+			"rgba(87,86,86)",
+			"rgba(200,96,54)",
+			"rgba(170,91,61)",
+			"rgba(130,84,70)",
+			"rgba(90,78,78)",
+			"rgba(55,71,85)"
+		],
+		inventoryPerWaveColor: [
+			"rgba(55,71,85)",
+			"rgba(74,75,82)",
+			"rgba(90,78,78)",
+			"rgba(109,81,74)",
+			"rgba(149,81,74)",
+			"rgba(200,96,54)"
+		],
+		strategyPerWaveColor: [
+			"rgba(55,71,85)",
+			"rgba(55,71,85)",
+			"rgba(55,71,85)",
+			"rgba(55,71,85)",
+			"rgba(55,71,85)",
+			"rgba(55,71,85)"
+		],
+		migGroupPerWaveColor: ["#6886A1", "#3F5161", "#374755", "#26313B"]
+	},
+	dashboardPalette04: {
+		projectProgressColor: [
+			"#E49400",
+			"#B09102",
+			"#7C8E04",
+			"#488B06",
+			"#138808",
+			"#488B06",
+			"#7C8E04",
+			"#B09102",
+			"#E49400"
+		],
+		appProgressColor: ["#e46700", "#3D4049", "#138808"],
+		statusPerWaveColor: ["#2f3238", "#E49400", "#e47200", "#e45000", "#e44400", "#148e08"],
+		inventoryPerWaveColor: ["#264961", "#4A8FBD", "#82A5BD", "#5E7788", "#5D8AA8", "#2c5571"],
+		inventoryDotColor: "#bfdef3",
+		inventoryDotStrokeColor: "#182E3D",
+		inventoryPathColor: "#182E3D",
+		strategyPerWaveColor: ["#E49400", "#e47200", "#e45000", "#e44400"],
+		strategyPathColor: "#1F305E",
+		migGroupPerWaveColor: ["#3457D5", "#5D8AA8", "#2c5571", "#1F305E"]
+	}
+};