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