From ff0a0dc942c56cda9fd12d5cb582d085dc37d3b6 Mon Sep 17 00:00:00 2001
From: hhjk00 <eunyu0604@gmail.com>
Date: Tue, 14 Nov 2023 17:11:05 +0900
Subject: [PATCH] =?UTF-8?q?bar=20graph=20plugins=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../statistics/AbnormalSituationContainer.js  | 26 ++++++++++++++++++-
 src/containers/statistics/FlightContainer.js  | 26 ++++++++++++++++++-
 .../statistics/FlightResultContainer.js       | 26 ++++++++++++++++++-
 3 files changed, 75 insertions(+), 3 deletions(-)

diff --git a/src/containers/statistics/AbnormalSituationContainer.js b/src/containers/statistics/AbnormalSituationContainer.js
index 82d7bae..c2d4f80 100644
--- a/src/containers/statistics/AbnormalSituationContainer.js
+++ b/src/containers/statistics/AbnormalSituationContainer.js
@@ -553,7 +553,31 @@ export default function AbnormalSituationContainer({
                 </CardHeader>
                 <CardBody>
                   <div style={{ height: '400px' }}>
-                    <Bar data={data} options={options} height={400} />
+                    <Bar
+                      data={data}
+                      options={options}
+                      height={400}
+                      plugins={{
+                        afterDraw: function (chart) {
+                          if (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>
               </Card>
diff --git a/src/containers/statistics/FlightContainer.js b/src/containers/statistics/FlightContainer.js
index aa0892f..33de57b 100644
--- a/src/containers/statistics/FlightContainer.js
+++ b/src/containers/statistics/FlightContainer.js
@@ -498,7 +498,31 @@ export default function FlightContainer({
                 </CardHeader>
                 <CardBody>
                   <div style={{ height: '400px' }}>
-                    <Bar data={data} options={options} height={400} />
+                    <Bar
+                      data={data}
+                      options={options}
+                      height={400}
+                      plugins={{
+                        afterDraw: function (chart) {
+                          if (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>
               </Card>
diff --git a/src/containers/statistics/FlightResultContainer.js b/src/containers/statistics/FlightResultContainer.js
index 48361dd..990332e 100644
--- a/src/containers/statistics/FlightResultContainer.js
+++ b/src/containers/statistics/FlightResultContainer.js
@@ -469,7 +469,31 @@ export default function ResultContainer({
                 </CardHeader>
                 <CardBody>
                   <div style={{ height: '400px' }}>
-                    <Bar data={data} options={options} height={400} />
+                    <Bar
+                      data={data}
+                      options={options}
+                      height={400}
+                      plugins={{
+                        afterDraw: function (chart) {
+                          if (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>
               </Card>