tanner/sensors
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style: increase YAxis width and adjust pressure domain in graphs

Browse Source
This commit is contained in:
Tanner
2026-08-26 16:49:37 +00:00
committed by Tanner (aider)
parent 89fbd56517
commit 2ff5837e87
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/App.js
+19 -19
View File
@@ -157,7 +157,7 @@ function SolarPower({end, duration}) {
<YAxis
domain={[0, 6000]}
width={35}
width={40}
ticks={[0, 1000, 2000, 3000, 4000, 5000, 6000]}
tickFormatter={(tick) => tick === 0 ? 0 : (tick / 1000) + 'k'}
/>
@@ -208,13 +208,13 @@ function Temperature({name, sensorName, end, duration, yDomain, showHumidity, sh
domain={[0, 100]}
orientation='right'
hide={true}
width={35}
width={40}
/>
}
<YAxis
yAxisId={showHumidity ? 'left' : undefined}
domain={yDomain}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
<Tooltip
@@ -280,12 +280,12 @@ function Thermostat({end, duration}) {
domain={[0, 6]}
orientation='right'
hide={true}
width={35}
width={40}
/>
<YAxis
yAxisId='left'
domain={[12, 30]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -355,11 +355,11 @@ function Gas({end, duration}) {
domain={data.length ? [data[0].consumption_data, data.slice(-1)[0].consumption_data] : [100, 0]}
orientation='right'
hide={true}
width={35}
width={40}
/>
<YAxis
yAxisId='left'
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -416,11 +416,11 @@ function Water({end, duration}) {
domain={data.length ? [data[0].consumption_data, data.slice(-1)[0].consumption_data] : [100, 0]}
orientation='right'
hide={true}
width={35}
width={40}
/>
<YAxis
yAxisId='left'
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -473,7 +473,7 @@ function LivingRoomDust({end, duration}) {
/>
<YAxis
domain={[0, 20]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
<Tooltip
@@ -519,19 +519,19 @@ function Air({name, sensorName, end, duration}) {
domain={[400, 1000]}
orientation='right'
hide={true}
width={35}
width={40}
/>
<YAxis
yAxisId='voc'
domain={[0, 250]}
orientation='right'
hide={true}
width={35}
width={40}
/>
<YAxis
yAxisId='pm'
domain={[0, 20]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -610,7 +610,7 @@ function BedroomSleep({end, duration}) {
/>
<YAxis
domain={[5, 20]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
<Tooltip
@@ -654,7 +654,7 @@ function Lux({name, sensorName, end, duration}) {
<YAxis
yAxisId='lux'
domain={[0, 250]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -758,7 +758,7 @@ function MultiLineChart({title, measurement, dataKey, sensors, colors, end, dura
loading={loading}
>
<XAxis dataKey='time' minTickGap={0} tickFormatter={tickFormatter} ticks={ticks} />
<YAxis domain={yDomain} width={35} />
<YAxis domain={yDomain} width={40} />
<CartesianGrid strokeDasharray='3 3'/>
<Tooltip
formatter={(v, name) => v.toFixed(1) + (units[unitKey] || '')}
@@ -803,7 +803,7 @@ function Soil({name, sensorName, end, duration}) {
<YAxis
yAxisId='soil'
domain={[0, 1000]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -850,7 +850,7 @@ function WH51Soil({name, sensorName, end, duration}) {
<YAxis
yAxisId='soil'
domain={[0, 100]}
width={35}
width={40}
/>
<CartesianGrid strokeDasharray='3 3'/>
@@ -916,7 +916,7 @@ function Graphs({end, duration}) {
colors={['black', 'red', 'blue']}
end={end}
duration={duration}
yDomain={[87, 91.5]}
yDomain={[87, 91]}
unitKey='kPa'
transform={v => v / 10}
/>