Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 04:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #259 from documenso/feat/pie-chart-legend

Browse Source 
feat: add legend to pie chart
This commit is contained in:
Lucas Smith
2023-08-18 08:55:49 +10:00
committed by GitHub
parent e098449af4 b564e5e72f
commit 2f7d6548ef
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/marketing/src/app/(marketing)/open/cap-table.tsx
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';
@ -60,8 +60,8 @@ export const CapTable = ({ className, ...props }: CapTableProps) => {
cy="50%"
labelLine={false}
label={renderCustomizedLabel}
outerRadius={180}
innerRadius={100}
outerRadius={160}
innerRadius={80}
fill="#8884d8"
dataKey="percentage"
>
@ -69,6 +69,11 @@ export const CapTable = ({ className, ...props }: CapTableProps) => {
<Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
))}
</Pie>
<Legend
formatter={(value) => {
return <span className="text-sm text-black">{value}</span>;
}}
/>
<Tooltip
formatter={(percent: number, name, props) => {
return [`${percent}%`, name || props['name'] || props['payload']['name']];