Reduce monthly graph font size
The font size of the monthly graph has been reduced.
This commit is contained in:
@@ -1,3 +1,4 @@
|
|||||||
|
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import NavBar from '@/components/NavBar';
|
import NavBar from '@/components/NavBar';
|
||||||
import ExpenseChart from '@/components/ExpenseChart';
|
import ExpenseChart from '@/components/ExpenseChart';
|
||||||
@@ -131,12 +132,16 @@ const Analytics = () => {
|
|||||||
<h2 className="text-lg font-semibold mb-3">월별 그래프</h2>
|
<h2 className="text-lg font-semibold mb-3">월별 그래프</h2>
|
||||||
<div className="neuro-card h-72">
|
<div className="neuro-card h-72">
|
||||||
<ResponsiveContainer width="100%" height="100%">
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
<BarChart data={monthlyData} margin={{
|
<BarChart
|
||||||
top: 20,
|
data={monthlyData}
|
||||||
right: 10,
|
margin={{
|
||||||
left: -10,
|
top: 20,
|
||||||
bottom: 5
|
right: 10,
|
||||||
}}>
|
left: -10,
|
||||||
|
bottom: 5
|
||||||
|
}}
|
||||||
|
style={{ fontSize: '11px' }}
|
||||||
|
>
|
||||||
<XAxis dataKey="name" />
|
<XAxis dataKey="name" />
|
||||||
<YAxis tickFormatter={formatYAxisTick} />
|
<YAxis tickFormatter={formatYAxisTick} />
|
||||||
<Tooltip formatter={formatTooltip} />
|
<Tooltip formatter={formatTooltip} />
|
||||||
|
|||||||
Reference in New Issue
Block a user