-
Notifications
You must be signed in to change notification settings - Fork 2.9k
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
History and logbook increase and decrease timespan (Zoom Out / In) #23358
History and logbook increase and decrease timespan (Zoom Out / In) #23358
Conversation
Thanks @boern99 for this contribution. I see there could be issues with users thinking the icons would zoom in/out the charts. Also this is a pattern that I personally never come upon, so it's not clear for me how this would work. Do you have some real world examples that use this pattern? |
@marcinbauer85: Real World example is to quickly get an overview of a longer period / a past time range: by simply clicking on "Zoom out" having all charts synchronized: chrome_TJ9qAN7GfV.webm |
Thank you @boern99. Currently, we don't see a need to add this kind of functionality for the current date picker, the need and UX is not there yet. We might get back to this when we re-work the date-picker on a more in-depth level. |
@marcinbauer85: As you certainly have a deeper insight into the planned features of Home Assistant and maybe there are details I do not know: |
@boern99 yes, you are correct. We have plans to add similar functionality at some point. The way you have proposed and how Grafana does it didn't convince us it's a good solution for average users. |
Breaking change
Proposed change
Increase and decrease the date-picker Timespan using Buttons
![image](https://private-user-images.githubusercontent.com/36338790/397764642-c37c43b2-3c4c-4c89-b2f8-de4046d45165.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNjM0OTMsIm5iZiI6MTczOTM2MzE5MywicGF0aCI6Ii8zNjMzODc5MC8zOTc3NjQ2NDItYzM3YzQzYjItM2M0Yy00Yzg5LWIyZjgtZGU0MDQ2ZDQ1MTY1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDEyMjYzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk1YmRhYjI0NTc3NmU4YWM5M2VmYTJjMWVlNjlkYTUwNWVhMWE1YWJhNTNlYjdmNjU4ZjRmMGRhMjk1ZTc5ZmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.QJ-OIVV8ZwjYq-2Fp5EEcD84CjTy12NvVe7Ri3UqtE0)
Desktop:
Mobile:
![image](https://private-user-images.githubusercontent.com/36338790/397765166-2d896a7e-a2e2-4f1c-8e66-2e81cddb818c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNjM0OTMsIm5iZiI6MTczOTM2MzE5MywicGF0aCI6Ii8zNjMzODc5MC8zOTc3NjUxNjYtMmQ4OTZhN2UtYTJlMi00ZjFjLThlNjYtMmU4MWNkZGI4MThjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDEyMjYzM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdhODQxMDJiN2Y0NWMxNzA3NWU0ZjM0NGY3NjY2NjZjZjJmOWUzNjhkNWI3NWM3Y2NhNDkyMzg3MzRiYTY2MWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.cwTYuoWwYXmA3CKPIIptLWVKhe7PzvoitnelB98yVEM)
Type of change
Example configuration
Additional information
Checklist
If user exposed functionality or configuration variables are added/changed: