ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Increase pie chart size

Browse Source 
Make the pie charts in ExpenseChart and PaymentMethodChart components slightly larger.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 12:51:25 +00:00
parent 2a1fc6aa7a
commit eb13fa76a1
3 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ExpenseChart.tsx
View File

@@ -15,15 +15,15 @@ interface ExpenseChartProps {
const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
return (
<div className="neuro-card h-64 desktop-card">
<div className="neuro-card h-72 desktop-card">
<ResponsiveContainer width="100%" height="100%">
<PieChart margin={{ left: 50, right: 30, top: 20, bottom: 20 }}>
<Pie
data={data}
cx="50%"
cy="50%"
innerRadius={40}
outerRadius={60}
innerRadius={50}
outerRadius={80}
paddingAngle={5}
dataKey="value"
labelLine={false}

8
src/components/analytics/PaymentMethodChart.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { PieChart, Pie, Cell, ResponsiveContainer, Legend } from 'recharts';
import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts';
interface PaymentMethodData {
method: string;
@@ -30,15 +30,15 @@ const PaymentMethodChart: React.FC<PaymentMethodChartProps> = ({ data, isEmpty }
}));
return (
<div className="neuro-card h-64 desktop-card">
<div className="neuro-card h-72 desktop-card">
<ResponsiveContainer width="100%" height="100%">
<PieChart margin={{ left: 30, right: 30, top: 20, bottom: 5 }}>
<Pie
data={chartData}
cx="50%"
cy="50%"
innerRadius={40}
outerRadius={60}
innerRadius={50}
outerRadius={80}
paddingAngle={5}
dataKey="value"
labelLine={false}