Index: arms/html/analysisTime/content-container.html
===================================================================
diff -u -rca153e19ba6310ea7c85bf644481cff6402f0efc -r9833f683448f573ee8d81e6da16880d2524aced4
--- arms/html/analysisTime/content-container.html	(.../content-container.html)	(revision ca153e19ba6310ea7c85bf644481cff6402f0efc)
+++ arms/html/analysisTime/content-container.html	(.../content-container.html)	(revision 9833f683448f573ee8d81e6da16880d2524aced4)
@@ -492,23 +492,7 @@
                                 <div class="gradient_middle_border" style="width: 100%; margin-top: 8px"></div>
                             </header>
                             <div class="body">
-                                <ul class="color-labels">
-                                    <div>
-                                        <li>
-                                            <i class="fa fa-circle" style="color: #2f3238"></i>
-                                            <span class="label-name font12">전환전</span>
-                                        </li>
-                                        <li>
-                                            <i class="fa fa-circle" style="color: #e46700"></i>
-                                            <span class="label-name font12">진행중</span>
-                                        </li>
-                                        <li>
-                                            <i class="fa fa-circle" style="color: #138808"></i>
-                                            <span class="label-name font12">전환완료</span>
-                                        </li>
-                                    </div>
-                                    <div></div>
-                                </ul>
+                                <canvas id="radar-chart" width="300" height="300"></canvas>
                             </div>
                         </section>
                     </div>
Index: arms/js/analysisTime.js
===================================================================
diff -u -rca153e19ba6310ea7c85bf644481cff6402f0efc -r9833f683448f573ee8d81e6da16880d2524aced4
--- arms/js/analysisTime.js	(.../analysisTime.js)	(revision ca153e19ba6310ea7c85bf644481cff6402f0efc)
+++ arms/js/analysisTime.js	(.../analysisTime.js)	(revision 9833f683448f573ee8d81e6da16880d2524aced4)
@@ -29,6 +29,8 @@
             "../reference/jquery-plugins/info-chart-v1/js/D.js",
             "./js/dashboard/chart/timeline_custom.js",
             "./js/dashboard/chart/infographic_custom.css",
+            // 3번째 박스 Radar
+            "../reference/jquery-plugins/Chart.js-3.9.1/dist/chart.min.js",
             // 네번째 박스 차트
             // d3.v2와 d3.v4 버전차이 오류생김...
             // "../reference/light-blue/lib/nvd3/lib/d3.v2.js",
@@ -109,8 +111,8 @@
             //버전 멀티 셀렉트 박스 이니시에이터
             makeVersionMultiSelectBox();
 
+            new Chart(ctx, config);
 
-
             // sevenTimeline();
 
             dashboardColor = dashboardPalette.dashboardPalette01;
@@ -1490,3 +1492,56 @@
         .dateMarker(new Date() - 365 * 24 * 60 * 60 * 1000) // Add a marker 1y ago
         .data(myData);
 }*/
+
+const data = {
+    labels: [
+        'Eating',
+        'Drinking',
+        'Sleeping',
+        'Designing',
+        'Coding',
+        'Cycling',
+        'Running'
+    ],
+    datasets: [{
+        label: 'My First Dataset',
+        data: [12, 3, 12, 12, 5, 1, 5],
+        fill: true,
+        backgroundColor: 'rgba(255, 99, 132, 0.2)',
+        borderColor: 'rgb(255, 99, 132)',
+        pointBackgroundColor: 'rgb(255, 99, 132)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgb(255, 99, 132)'
+    }, {
+        label: 'My Second Dataset',
+        data: [18, 18, 10, 29, 30, 10],
+        fill: true,
+        backgroundColor: 'rgba(54, 162, 235, 0.2)',
+        borderColor: 'rgb(54, 162, 235)',
+        pointBackgroundColor: 'rgb(54, 162, 235)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgb(54, 162, 235)'
+    }]
+};
+
+const config = {
+    type: 'radar',
+    data: data,
+    options: {
+        responsive: false,
+        scale: {
+            beginAtZero: true,
+            max: 100,
+            stepSize: 10,
+        },
+        elements: {
+            line: {
+                borderWidth: 3
+            }
+        }
+    },
+};
+
+const ctx = document.getElementById('radar-chart');