Pressure chat for weather | question about graph height relative to the min-max data

[flexdesignnz]

Hi all,

I'm building a graph that is designed to bring in Barometric Pressure for a Weather station, over 1 hour in 10 minute increments it displays what the pressure was at the time, a historial pressure chart if you will. Here is a link to the website: https://wswr.webflow.io/.

Screenshot of the chart

Most times the graph never gets to the top of the canavas div, (see screenshot about 25% of its potential height in the canvas) sometimes it will spike to the top but no that often and another issue is sometime on the initial page load we will find the data very low near the bottom for all 7 data points almost flat along the graph but their is significant different in each data point. One would assume it will rise to the top?

My main question is: What controls the min and max height of the data relative to the graph? Pressure can fluxuate quite a bit but what I want to try achive is no matter what the minimum data or the maximum data point is, I want to to evenly distribute to fill as much of the canvas height as possible.

I have attached the script we are using below:
pressure_graph.txt

Any ideas on what could be implemented to have further control over this would be a massive help.

[Udemology]

Am I correct you want to have the "white space" of the chartArea as limited as possible?

if so, have you used grace for the y scale? Grace will give an amount of points of space based on the Y scale.
So if you set grace: 10 (it will calculate to add white space of minimum 10 points and find the nearest tick that match that). Makes the max value dynamic based on the highest value that is visible on the chart at that moment.
Like this: https://www.youtube.com/watch?v=3Pss5GvlPd0&t=2s&ab_channel=ChartJS

[flexdesignnz]

Thanks Udemology, I will give this a try, we also get the opposite issue when the data is too low to the base of the graph like in this screenshot, I have been trying to search for a css style than can add a permanent minimal data padding so the coloured arrows never intersect the base of the graph, if you are able to advise if the above grace styles can resolve this too?

[Udemology]

Grace would only apply for the very top. It does not have a so called "negative grace" from what I know. I will look I think there is a way to play around with the min value where we can build our own "grace" with 5 points spacing if going in the negative direction.

[Udemology]

I realze you can use this grace: '1' <-- string value makes gives it a 1 tick space instead of absolute value. That would probably solve your issues.