d1041211043_randa/portaldata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ayo coba

Browse Source
This commit is contained in:
Randa Firman Putra
2026-02-28 00:53:22 +07:00
parent 211fd9c955
commit 5a0be32d2a
3 changed files with 50 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/chartsDashboard/DistribusiIPKChartPerangkatan.tsx
View File

@@ -81,9 +81,18 @@ export default function DistribusiIPKChartPerangkatan({ selectedYear }: Props) {
fetchData();
}, [selectedYear]);
// Fixed color map consistent with bar chart (DistribusiIPKChart)
const KATEGORI_COLOR_MAP: { [key: string]: string } = {
'Sangat Baik': '#008FFB',
'Baik': '#00E396',
'Cukup': '#FEB019',
'Kurang': '#EF4444',
};
// Prepare data for pie chart
const series = data.map(item => item.jumlah);
const labels = data.map(item => kategoriLabelsMap[item.kategori_ipk] || item.kategori_ipk);
const colors = data.map(item => KATEGORI_COLOR_MAP[item.kategori_ipk] || '#999999');
const chartOptions: ApexOptions = {
chart: {
@@ -122,12 +131,7 @@ export default function DistribusiIPKChartPerangkatan({ selectedYear }: Props) {
return seriesName;
}
},
colors: [
'#008FFB', // Sangat Baik - Blue
'#00E396', // Baik - Green
'#FEB019', // Cukup - Orange
'#EF4444', // Kurang - Red
],
colors: colors,
tooltip: {
theme: theme === 'dark' ? 'dark' : 'light',
y: {