Remove tonnage from pie chart labels for cleaner display
All checks were successful
Build and Push Docker Images / docker (push) Successful in 58s
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:
parent
4dfc420535
commit
69e1465f69
@ -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 }}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user