fix(condo): DOMA-7291 use original data for pie charts (#3907)

Author: sitozzz

apps/condo/domains/analytics/components/charts/payment/dataMappers.ts

@@ -17,6 +17,8 @@ const PaymentByPropertyDataMapper = (paidTitle: string): PaymentChart => new Pay
         chart: (viewMode, data) => {
             const createdByGroup = groupBy(data, 'createdBy')
 
+            const totalSum = data.reduce((prev, curr) => prev + Number(curr.sum), 0)
+
             const series: Array<EchartsSeries> = [{
                 name: paidTitle,
                 data: Object.entries(createdByGroup).map(([groupLabel, dataObj]) => ({
@@ -25,7 +27,10 @@ const PaymentByPropertyDataMapper = (paidTitle: string): PaymentChart => new Pay
                 })).sort((a, b) => b.value - a.value).slice(0, TOP_VALUES),
                 radius: '75%',
                 type: viewMode,
-                label: { show: true, formatter: (e) =>  e.percent + '%' },
+                label: {
+                    show: true,
+                    formatter: ({ value }) => totalSum > 0 ? (value / totalSum * 100).toFixed(1) + '%' : '-',
+                },
             }]
             return {
                 legend: [],

apps/condo/domains/analytics/components/charts/resident/dataMappers.ts

@@ -19,11 +19,16 @@ type ResidentChartCardType = (props: ResidentChartCardProps) => React.ReactEleme
 const ResidentByPropertyDataMapper = (residentsTitle: string): ResidentChart => new ResidentChart({
     pie: {
         chart: (viewMode, data) => {
+            const totalCount = data.reduce((prev, curr) => prev + Number(curr.count), 0)
+
             const series: Array<EchartsSeries> = [{
                 type: viewMode,
                 name: residentsTitle,
                 radius: '75%',
-                label: { show: true, formatter: (e) =>  e.percent + '%' },
+                label: {
+                    show: true,
+                    formatter: ({ value }) => totalCount > 0 ? (Number(value) / totalCount * 100).toFixed(0) + '%' : '-',
+                },
                 data: data.slice(0, TOP_VALUES).map(resident => ({ value: resident.count, name: resident.address })),
             }]