From b644d1f0d93e77585a8da5913f903a6262d95d11 Mon Sep 17 00:00:00 2001
From: wahyun <wahyumind01@gmail.com>
Date: Thu, 20 Jun 2024 20:32:54 +0700
Subject: [PATCH] fix: update color font chart

---
 src/components/CardDashboard/CardDashboard.js | 52 +++++++++----------
 src/views/Dashboard/DashboardBOD.js           |  4 +-
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/components/CardDashboard/CardDashboard.js b/src/components/CardDashboard/CardDashboard.js
index e507176..c4ef205 100644
--- a/src/components/CardDashboard/CardDashboard.js
+++ b/src/components/CardDashboard/CardDashboard.js
@@ -199,7 +199,7 @@ const optionsScheduleHealthPerDivision = {
 			}
 		},
 		datalabels: {
-			color: '#FFFFFF'
+			color: '#000'
 		}
 	}
 }
@@ -215,30 +215,30 @@ export const ContentLoaderChart = ({ type }) => {
 				backgroundColor="#f3f3f3"
 				foregroundColor="#ecebeb"
 			>
-				{/* <rect x="6" y="88" rx="4" ry="4" width="18" height="105" /> 
-				<rect x="36" y="64" rx="4" ry="4" width="18" height="129" /> 
-				<rect x="64" y="130" rx="4" ry="4" width="18" height="62" /> 
-				<rect x="91" y="87" rx="4" ry="4" width="18" height="105" /> 
-				<rect x="118" y="107" rx="4" ry="4" width="18" height="85" /> 
-				<rect x="147" y="92" rx="4" ry="4" width="18" height="100" /> 
-				<rect x="176" y="120" rx="4" ry="4" width="18" height="72" /> 
-				<rect x="207" y="54" rx="4" ry="4" width="18" height="138" /> 
-				<rect x="267" y="94" rx="4" ry="4" width="18" height="98" /> 
-				<rect x="235" y="56" rx="4" ry="4" width="18" height="136" /> 
-				<rect x="298" y="68" rx="4" ry="4" width="18" height="124" /> 
-				<rect x="330" y="77" rx="4" ry="4" width="18" height="114" /> 
-				<rect x="360" y="106" rx="4" ry="4" width="18" height="84" /> 
-				<rect x="388" y="155" rx="4" ry="4" width="18" height="35" /> 
-				<rect x="417" y="108" rx="4" ry="4" width="18" height="81" /> 
+				{/* <rect x="6" y="88" rx="4" ry="4" width="18" height="105" />
+				<rect x="36" y="64" rx="4" ry="4" width="18" height="129" />
+				<rect x="64" y="130" rx="4" ry="4" width="18" height="62" />
+				<rect x="91" y="87" rx="4" ry="4" width="18" height="105" />
+				<rect x="118" y="107" rx="4" ry="4" width="18" height="85" />
+				<rect x="147" y="92" rx="4" ry="4" width="18" height="100" />
+				<rect x="176" y="120" rx="4" ry="4" width="18" height="72" />
+				<rect x="207" y="54" rx="4" ry="4" width="18" height="138" />
+				<rect x="267" y="94" rx="4" ry="4" width="18" height="98" />
+				<rect x="235" y="56" rx="4" ry="4" width="18" height="136" />
+				<rect x="298" y="68" rx="4" ry="4" width="18" height="124" />
+				<rect x="330" y="77" rx="4" ry="4" width="18" height="114" />
+				<rect x="360" y="106" rx="4" ry="4" width="18" height="84" />
+				<rect x="388" y="155" rx="4" ry="4" width="18" height="35" />
+				<rect x="417" y="108" rx="4" ry="4" width="18" height="81" />
 				<rect x="450" y="82" rx="4" ry="4" width="18" height="107" /> */}
-				{/* <rect x="13" y="47" rx="4" ry="4" width="39" height="140" /> 
-				<rect x="61" y="9" rx="4" ry="4" width="39" height="178" /> 
-				<rect x="112" y="28" rx="4" ry="4" width="39" height="160" /> 
-				<rect x="186" y="45" rx="4" ry="4" width="39" height="140" /> 
-				<rect x="234" y="7" rx="4" ry="4" width="39" height="178" /> 
-				<rect x="284" y="27" rx="4" ry="4" width="39" height="160" /> 
-				<rect x="358" y="45" rx="4" ry="4" width="39" height="140" /> 
-				<rect x="406" y="7" rx="4" ry="4" width="39" height="178" /> 
+				{/* <rect x="13" y="47" rx="4" ry="4" width="39" height="140" />
+				<rect x="61" y="9" rx="4" ry="4" width="39" height="178" />
+				<rect x="112" y="28" rx="4" ry="4" width="39" height="160" />
+				<rect x="186" y="45" rx="4" ry="4" width="39" height="140" />
+				<rect x="234" y="7" rx="4" ry="4" width="39" height="178" />
+				<rect x="284" y="27" rx="4" ry="4" width="39" height="160" />
+				<rect x="358" y="45" rx="4" ry="4" width="39" height="140" />
+				<rect x="406" y="7" rx="4" ry="4" width="39" height="178" />
 				<rect x="456" y="27" rx="4" ry="4" width="39" height="160" /> */}
 				<rect x="13" y="87" rx="4" ry="4" width="39" height="106" />
 				<rect x="61" y="21" rx="4" ry="4" width="39" height="171" />
@@ -288,7 +288,7 @@ export const ContentLoaderChart = ({ type }) => {
 	}
 }
 
-// export const FullCard = 
+// export const FullCard =
 
 export const CardDashboard = ({ title, subtitle, chartType, chartData, chartOption, isReady }) => {
 	let chart = null;
@@ -387,4 +387,4 @@ export const NoDataChart = ({ message }) => {
 			{message ? message : "No Data Available"}
 		</div>
 	)
-}
\ No newline at end of file
+}
diff --git a/src/views/Dashboard/DashboardBOD.js b/src/views/Dashboard/DashboardBOD.js
index bc47410..b7a8687 100644
--- a/src/views/Dashboard/DashboardBOD.js
+++ b/src/views/Dashboard/DashboardBOD.js
@@ -492,7 +492,7 @@ const DashboardBOD = (props) => {
 															display: false,
 														},
 														datalabels: {
-															color: '#FFFFFF',
+															color: '#000',
 															formatter: function (value, context) {
 																return value ? toRupiah(value, { useUnit: 'jt' }) : 0;
 															}
@@ -767,7 +767,7 @@ const DashboardBOD = (props) => {
 															display: false,
 														},
 														datalabels: {
-															color: '#FFFFFF'
+															color: '#000'
 														}
 													}
 												}}
-- 
2.25.1