vngrup/dress
vngrup/dress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add LabelList to pie chart to display category names

Browse Source
This commit is contained in:
Yoga Pangestu 2026-04-23 13:32:20 +07:00
parent cb11ee9be6
commit c1c87da623
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/js/components/charts/pie-chart.tsx
View File

@ -1,7 +1,7 @@
"use client"
import React, { useMemo } from "react"
import { Pie, PieChart } from "recharts"
import { LabelList, Pie, PieChart } from "recharts"
import {
Card,
@ -71,7 +71,14 @@ export const CustomPieChart = React.memo(function CustomPieChart({
dataKey="total"
nameKey="name"
label
/>
>
<LabelList
dataKey="name"
className="fill-background font-medium"
stroke="none"
fontSize={12}
/>
</Pie>
</PieChart>
</ChartContainer>
</CardContent>