Remove tonnage from pie chart labels for cleaner display
All checks were successful
Build and Push Docker Images / docker (push) Successful in 58s

- Remove middle tonnage line from chart labels
- Keep only project name and percentage
- Tonnage still visible in legend below chart
- Reduces label clutter and improves readability

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matt 2025-10-31 18:01:27 +01:00
parent 4dfc420535
commit 69e1465f69

View File

@ -82,10 +82,10 @@ export function RechartsPortfolioPieChart({
className="print:stroke-gray-400" className="print:stroke-gray-400"
/> />
{/* Three-line label text - smaller sizes */} {/* Two-line label text - project name and percentage only */}
<text <text
x={lineEndX} x={lineEndX}
y={y - 14} y={y - 6}
textAnchor={textAnchor} textAnchor={textAnchor}
className="fill-slate-700 print:text-[7px]" className="fill-slate-700 print:text-[7px]"
style={{ fontSize: '10px', fontWeight: 600 }} style={{ fontSize: '10px', fontWeight: 600 }}
@ -94,16 +94,7 @@ export function RechartsPortfolioPieChart({
</text> </text>
<text <text
x={lineEndX} x={lineEndX}
y={y - 2} y={y + 8}
textAnchor={textAnchor}
className="fill-slate-600 print:text-[6px]"
style={{ fontSize: '9px' }}
>
{tons} tons
</text>
<text
x={lineEndX}
y={y + 10}
textAnchor={textAnchor} textAnchor={textAnchor}
className="fill-slate-800 print:text-[6px]" className="fill-slate-800 print:text-[6px]"
style={{ fontSize: '9px', fontWeight: 700 }} style={{ fontSize: '9px', fontWeight: 700 }}