diff --git a/src/apis/dashPassApi.ts b/src/apis/dashPassApi.ts index 1dba6e5..dc2b0cc 100644 --- a/src/apis/dashPassApi.ts +++ b/src/apis/dashPassApi.ts @@ -49,7 +49,7 @@ export const fetchStatsByFilter = async ( rawParams: StatsByFilterParams ): Promise => { try { - console.log('[DEBUG] POST 요청 시작: /pass-logs/search'); + console.log('[DEBUG] POST 요청 시작: /pass-logs/mock/search'); const filteredParams: StatsByFilterParams = { ...rawParams, @@ -70,7 +70,7 @@ export const fetchStatsByFilter = async ( } const res = await axiosWithAuthorization.post>( - '/pass-logs/search', + '/pass-logs/mock/search', filteredParams, { withCredentials: true, diff --git a/src/components/dashboard/stats/ChartLineBuildingAccess.tsx b/src/components/dashboard/stats/ChartLineBuildingAccess.tsx index 603369b..e13acaf 100644 --- a/src/components/dashboard/stats/ChartLineBuildingAccess.tsx +++ b/src/components/dashboard/stats/ChartLineBuildingAccess.tsx @@ -22,7 +22,6 @@ const ChartLineBuildingAccess = () => { }); observer.observe(document.body, { attributes: true, attributeFilter: ['class'] }); - return () => observer.disconnect(); }, []); @@ -67,28 +66,26 @@ const ChartLineBuildingAccess = () => { const lineOptions: ApexOptions = useMemo(() => ({ chart: { type: 'line' }, - stroke: { curve: 'straight', width: 2 }, + stroke: { curve: 'straight', width: 3 }, markers: { size: 0 }, colors: chartColors, dataLabels: { enabled: true, + useHtml: false, background: { enabled: true, + backgroundColor: '#666', + foreColor: '#fff', borderRadius: 4, - opacity: 1, + opacity: 0.7, dropShadow: { enabled: false }, }, style: { fontSize: '11px', fontWeight: 'bold', - colors: ['#fff'], - }, - formatter: function (val, opts) { - const seriesIndex = opts.seriesIndex; - const backgroundColor = chartColors[seriesIndex % chartColors.length]; - opts.w.config.dataLabels.background.backgroundColor = backgroundColor; - return val; + colors: ['#fff'], // redundant but ensured }, + formatter: (val) => val, }, xaxis: { categories: categories, diff --git a/src/components/dashboard/stats/css/ChartLineBuildingAccess.css b/src/components/dashboard/stats/css/ChartLineBuildingAccess.css index 94ea04c..32e0a88 100644 --- a/src/components/dashboard/stats/css/ChartLineBuildingAccess.css +++ b/src/components/dashboard/stats/css/ChartLineBuildingAccess.css @@ -8,22 +8,3 @@ body.dark-mode .chart-line-building-access-card { background: #3a3a3a; } - -.apexcharts-series[data\:realIndex="0"] .apexcharts-datalabel { - background-color: #5AC66F !important; -} -.apexcharts-series[data\:realIndex="1"] .apexcharts-datalabel { - background-color: #235D3A !important; -} -.apexcharts-series[data\:realIndex="2"] .apexcharts-datalabel { - background-color: #2e7d7a !important; -} -.apexcharts-series[data\:realIndex="3"] .apexcharts-datalabel { - background-color: #82c7e2 !important; -} -.apexcharts-series[data\:realIndex="4"] .apexcharts-datalabel { - background-color: #0d6728 !important; -} -.apexcharts-series[data\:realIndex="5"] .apexcharts-datalabel { - background-color: #626262 !important; -}