TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update graph in dashboard

Browse Source
This commit is contained in:
wayanrivan
2025-04-24 14:31:27 +07:00
parent 943f1233fd
commit ebd21c089a
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/dashboards/home/blocks/MemberActivity.tsx
View File

@ -30,19 +30,19 @@ const MemberActivity = ({ startdate, enddate }: Props) => {
fetchDataTransactionValue(); fetchDataTransactionValue();
}, [startdate, enddate, GetData]); }, [startdate, enddate, GetData]);
const percentage = responseTransactionValue?.data?.total_customer_active_percentage ?? 0; const percentage = parseFloat((responseTransactionValue?.data?.total_customer_active_percentage ?? 0).toFixed(2)) ?? 0;
const totalCustomer = responseTransactionValue?.data?.total_customer ?? 0; const totalCustomer = responseTransactionValue?.data?.total_customer ?? 0;
const activeCustomer = responseTransactionValue?.data?.total_customer_active ?? 0; const activeCustomer = responseTransactionValue?.data?.total_customer_active ?? 0;
// Hitung sudut pointer // Hitung sudut pointer
const angle = 180 - (percentage / 100) * 180; // 180° (kiri bawah) ke 0° (kanan bawah) const angle = (percentage / 100) * 180; // 0° (kiri) ke 180° (kanan)
const radians = (angle * Math.PI) / 180; // Mengubah derajat ke radian const radians = (angle * Math.PI) / 180;
const radius = 40; // Radius dari setengah lingkaran const radius = 40; // Radius dari setengah lingkaran
const center = 50; // Titik pusat lingkaran const center = 50; // Titik pusat lingkaran
const pointerLength = 25; // Panjang pointer const pointerLength = 25; // Panjang pointer
const x = center + pointerLength * Math.cos(radians); const x = center + pointerLength * Math.cos(radians - Math.PI); // offset agar mulai dari kiri
const y = center + pointerLength * Math.sin(radians); const y = center + pointerLength * Math.sin(radians - Math.PI);
// Hitung titik akhir untuk arc aktif // Hitung titik akhir untuk arc aktif
const arcAngle = (Math.PI * percentage) / 100; const arcAngle = (Math.PI * percentage) / 100;