Statistics card has wrong Y-axis scaling

[RubenKelevra]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.
• [ ] I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

I use a statistics card.

The Y-Axis is wrongly scaled, in Chromium and Firefox under Linux / Wayland / KDE as well as the Android App.

Describe the behavior you expected

The Y-Axis isn't properly spaced.

Steps to reproduce the issue

1. Create a logarithmic scale graph
2. See scaling issues in rendering

What version of Home Assistant Core has the issue?

2024.9.0

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Chromium / Firefox up to date, Android Apo up to date

Which operating system are you using to run this browser?

Linux / Android

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[karwosts]

Can you elaborate a bit what is "wrong" about it? It looks reasonable to me for a log scale at a quick glance.

[ildar170975]

what is "wrong" about it?

I am not OP, but for me this is obvious: Distance between ticks is not consistent (cannot be logarithmic; or some "unusual" logarithmic value is used). And this could be an issue of chart.js.

Would be happy to be wrong.

[karwosts]

I didn't think tick spacing was typically consistent for log graphs.

[ildar170975]

I mean - spacing presented on a screenshot does not seem to be correct in case of using "log10" or "ln". At least in part of maths (but may be I am wrong). Yes, these "logarithmic" scales do serve a purpose "show a trend for a quick glance" - but not correct mathematically. Anyway - I would not consider this as a "HA issue", this is a "chart.js issue".

[karwosts]

Looks like log10 to me:

[ildar170975]

Interesting. I cannot verify your results right now. Probably you are right. Then - apologize for confusion from my side!

[RubenKelevra]

Oh sorry, that I wasn't clearer in my original post. I don't mean that the graph itself is wrongly plotted, just horizontal bars inside the Y axis are off:

My issue is the line at 15, while there's no line at 25.

And that there's no label on the lines below 10 makes it also very hard to read. Are those lines now "5, 0, -5" or "9, 8, 7"?

[RubenKelevra]

Another example of unlabeled grid lines, which make no sense.

And a graph with no upper end, making no sense either. The graph should always show an upper and lower bound, otherwise the portion above the last line has no meaning.

Can confirm for 2024.9.1

[RubenKelevra]

Can confirm for frontend 20241106.2 / HA 2024.11.1:

Graph shows "100" as minimum and renders 0 at this height.

Even when instructed to render 0 as minimum Y axis, it renders 100 there: