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

ayo commit lagi

Browse Source
This commit is contained in:
Randa Firman Putra
2026-02-22 00:21:37 +07:00
parent 3797daa557
commit 211fd9c955
4 changed files with 49 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/charts/StatistikMahasiswaChart.tsx
View File

@@ -73,15 +73,10 @@ export default function StatistikMahasiswaChart({
const seriesIndex = opts.seriesIndex;
const dataPointIndex = opts.dataPointIndex;
// Jika series Total (index 2), tampilkan angka
if (seriesIndex === 2) {
return val.toString();
}
// Untuk Laki-laki (index 0) dan Perempuan (index 1), hitung persentase
// Ambil data total dari series Total (index 2)
const totalSeriesData = opts.w.config.series[2]?.data || [];
const totalValue = totalSeriesData[dataPointIndex] || 0;
// Hitung total dari Laki-laki (index 0) dan Perempuan (index 1)
const lakiLakiData = opts.w.config.series[0]?.data || [];
const perempuanData = opts.w.config.series[1]?.data || [];
const totalValue = (lakiLakiData[dataPointIndex] || 0) + (perempuanData[dataPointIndex] || 0);
if (totalValue === 0 || val === 0) return '0%';
@@ -97,7 +92,7 @@ export default function StatistikMahasiswaChart({
stroke: {
show: true,
width: 2,
colors: ['transparent', 'transparent', 'transparent'],
colors: ['transparent', 'transparent'],
curve: 'straight' as const
},
xaxis: {
@@ -153,7 +148,7 @@ export default function StatistikMahasiswaChart({
colors: '#000'
}
},
colors: ['#3B82F6', '#EC4899', '#10B981'],
colors: ['#3B82F6', '#EC4899'],
tooltip: {
theme: 'light',
shared: true,
@@ -161,7 +156,7 @@ export default function StatistikMahasiswaChart({
custom: function({ series, seriesIndex, dataPointIndex, w }: any) {
const lakiLaki = series[0][dataPointIndex];
const perempuan = series[1][dataPointIndex];
const total = series[2][dataPointIndex];
const total = lakiLaki + perempuan;
const tahun = w.globals.labels[dataPointIndex];
return `
@@ -199,7 +194,6 @@ export default function StatistikMahasiswaChart({
display: flex;
align-items: center;
">
<div style="width: 8px; height: 8px; background: #10B981; border-radius: 50%; margin-right: 8px;"></div>
<span style="font-size: 12px; font-weight: 600; color: #1f2937;">Total</span>
<span style="font-size: 13px; font-weight: 700; color: #10B981; margin-left: auto;">${total}</span>
</div>
@@ -248,18 +242,11 @@ export default function StatistikMahasiswaChart({
dataLabels: {
...prev.dataLabels,
formatter: function (val: number, opts: any) {
const seriesIndex = opts.seriesIndex;
const dataPointIndex = opts.dataPointIndex;
// Jika series Total (index 2), tampilkan angka
if (seriesIndex === 2) {
return val.toString();
}
// Untuk Laki-laki (index 0) dan Perempuan (index 1), hitung persentase
// Ambil data total dari series Total (index 2)
const totalSeriesData = opts.w.config.series[2]?.data || [];
const totalValue = totalSeriesData[dataPointIndex] || 0;
const lakiLakiData = opts.w.config.series[0]?.data || [];
const perempuanData = opts.w.config.series[1]?.data || [];
const totalValue = (lakiLakiData[dataPointIndex] || 0) + (perempuanData[dataPointIndex] || 0);
if (totalValue === 0 || val === 0) return '0%';
@@ -320,13 +307,9 @@ export default function StatistikMahasiswaChart({
custom: function({ series, seriesIndex, dataPointIndex, w }: any) {
const lakiLaki = series[0][dataPointIndex];
const perempuan = series[1][dataPointIndex];
const total = series[2][dataPointIndex];
const total = lakiLaki + perempuan;
const tahun = w.globals.labels[dataPointIndex];
const bgColor = currentTheme === 'dark' ? '#1e293b' : 'white';
const textColor = currentTheme === 'dark' ? '#fff' : '#000';
const borderColor = currentTheme === 'dark' ? '#475569' : '#ccc';
const isDark = currentTheme === 'dark';
return `
@@ -364,7 +347,6 @@ export default function StatistikMahasiswaChart({
display: flex;
align-items: center;
">
<div style="width: 8px; height: 8px; background: #10B981; border-radius: 50%; margin-right: 8px;"></div>
<span style="font-size: 12px; font-weight: 600; color: ${isDark ? '#f1f5f9' : '#1f2937'};">Total</span>
<span style="font-size: 13px; font-weight: 700; color: #10B981; margin-left: auto;">${total}</span>
</div>
@@ -404,11 +386,6 @@ export default function StatistikMahasiswaChart({
name: 'Perempuan',
type: 'bar' as const,
data: statistikData.map(item => item.wanita)
},
{
name: 'Total',
type: 'bar' as const,
data: statistikData.map(item => item.total_mahasiswa)
}
];