Refactor: Adjust chart size and position
Adjusted the chart size to 40 and shifted the graph 5px to the right.
This commit is contained in:
@@ -17,13 +17,13 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
|
|||||||
return (
|
return (
|
||||||
<div className="neuro-card h-64 desktop-card">
|
<div className="neuro-card h-64 desktop-card">
|
||||||
<ResponsiveContainer width="100%" height="100%">
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
<PieChart margin={{ left: 40, right: 40, top: 20, bottom: 20 }}>
|
<PieChart margin={{ left: 35, right: 45, top: 20, bottom: 20 }}>
|
||||||
<Pie
|
<Pie
|
||||||
data={data}
|
data={data}
|
||||||
cx="50%"
|
cx="50%"
|
||||||
cy="50%"
|
cy="50%"
|
||||||
innerRadius={30}
|
innerRadius={40}
|
||||||
outerRadius={50}
|
outerRadius={60}
|
||||||
paddingAngle={5}
|
paddingAngle={5}
|
||||||
dataKey="value"
|
dataKey="value"
|
||||||
labelLine={true}
|
labelLine={true}
|
||||||
|
|||||||
Reference in New Issue
Block a user