Skip to content

Conversation

@AlexChaloner
Copy link
Contributor

The hover-over labels on the price graphs had the default formatting which made the labels difficult to read, especially on mobile. This pull request formats some labels to look like HH:mm: 20p/kWh.

We also change the hovermode to 'x' which shows all column values within a certain distance from the hover. This is especially an improvement on mobile where it was difficult to select between the High, middle and Low predictions.


Before (Desktop):

image

After (Desktop):

image


Before (Mobile):

image

After (Mobile):

image

Formatted some labels to look like:

HH:mm: price p/kWh

Which more closely matches Octopus's agile UX, and is slightly nicer on hovering.
@pierre-leon
Copy link

any plans to merge this PR? @fboundy

@fboundy fboundy merged commit 71f2a48 into fboundy:main Apr 1, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants