Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update plotly hover labels #6

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

AlexChaloner
Copy link

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.
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.

1 participant