feat: Add legend to pie chart

This commit is contained in:
Ephraim Atta-Duncan
2023-08-17 08:24:37 +00:00
committed by Mythie
parent 7a705e3b81
commit c841c989aa

View File

@ -2,7 +2,7 @@
import { HTMLAttributes, useEffect, useState } from 'react';
import { Cell, Pie, PieChart, Tooltip } from 'recharts';
import { Cell, Legend, Pie, PieChart, Tooltip } from 'recharts';
import { cn } from '@documenso/ui/lib/utils';
@ -69,6 +69,7 @@ export const CapTable = ({ className, ...props }: CapTableProps) => {
<Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
))}
</Pie>
<Legend />
<Tooltip
formatter={(percent: number, name, props) => {
return [`${percent}%`, name || props['name'] || props['payload']['name']];