src/components/statistics/StatisticsSearch.js

@@ -112,8 +112,7 @@ export default function StatisticsSearch({
           label(tooltipItem, data) {
             const label = data.datasets[0].labels[tooltipItem.index] || '',
               value = data.datasets[0].data[tooltipItem.index];
-
+            const output = ` ${label} : ${value} %`;
-            const output = ` ${label} : ${value} 건`;
             return output;
           }
         },
@@ -154,25 +153,6 @@ export default function StatisticsSearch({
       ]
     };
 
-  const handlerPlugins = chartData => {
-    return {
-      afterDraw: function (chart) {
-        if (chartData.datasets[0].data.length <= 0) {
-          let ctx = chart.chart.ctx;
-          let width = chart.chart.width;
-          let height = chart.chart.height;
-
-          chart.clear();
-          ctx.save();
-          ctx.textAlign = 'center';
-          ctx.textBaseline = 'middle';
-          ctx.fillText('표시할 데이터가 없습니다.', width / 2, height / 2);
-          ctx.restore();
-        }
-      }
-    };
-  };
-
   return (
     <>
       <div>
@@ -339,7 +319,26 @@ export default function StatisticsSearch({
                     data={totalData}
                     options={barOptions}
                     height={400}
-                    plugins={handlerPlugins(totalData)}
+                    plugins={{
+                      afterDraw: function (chart) {
+                        if (totalData.datasets[0].data.length <= 0) {
+                          let ctx = chart.chart.ctx;
+                          let width = chart.chart.width;
+                          let height = chart.chart.height;
+
+                          chart.clear();
+                          ctx.save();
+                          ctx.textAlign = 'center';
+                          ctx.textBaseline = 'middle';
+                          ctx.fillText(
+                            '표시할 데이터가 없습니다.',
+                            width / 2,
+                            height / 2
+                          );
+                          ctx.restore();
+                        }
+                      }
+                    }}
                   />
                 </div>
               </CardBody>
@@ -358,7 +357,6 @@ export default function StatisticsSearch({
                     data={topData}
                     options={doughnutOptions}
                     height={275}
-                    plugins={handlerPlugins(topData)}
                   />
                 </div>
                 {/* <div className='d-flex justify-content-between mt-3 mb-1'>

src/components/statistics/StatisticsTotal.js

@@ -2,8 +2,8 @@ import { Col, Row } from 'reactstrap';
 import { FcAlarmClock, FcWorkflow, FcBarChart } from 'react-icons/fc';
 
 export default function StatisticsTotal({
-  totalData,
   titleName,
+  totalData,
   totalTitle,
   parseTime,
   addCommasToNumber
@@ -15,7 +15,7 @@ export default function StatisticsTotal({
   };
 
   const renderData = (data, titleName, idx) => {
-    if (titleName) {
+    if (titleName === '비행 통계') {
       if (idx === 0) return parseTime(data);
       if (idx === 1) return <>{addCommasToNumber(data)}m</>;
       return <>{addCommasToNumber(data)}건</>;