style: adjust chart margins and tick gap

2026-08-26 16:22:49 +00:00
parent b3f555bc5c
commit df2eee44ec
1 changed files with 2 additions and 2 deletions
@@ -126,7 +126,7 @@ function ChartContainer({name, data, lastFormatter, loading, children, topMargin
 			<h2>{name}: {loading ? 'Loading...' : last || 'No data'}</h2>

 			<ResponsiveContainer width='100%' height={300}>
-				<ComposedChart syncId={1} data={data} margin={{ top: topMargin, left: 0, right: 30, bottom: 0 }}>
+				<ComposedChart syncId={1} data={data} margin={{ top: topMargin, left: 0, right: 10, bottom: 0 }}>
 					{children}
 				</ComposedChart>
 			</ResponsiveContainer>
@@ -148,7 +148,7 @@ function SolarPower({end, duration}) {
 		>
 			<XAxis
 				dataKey='time'
-				minTickGap={5}
+				minTickGap={0}
 				tickFormatter={tickFormatter}
 				ticks={ticks}
 			/>