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

Kibana Desaturates on Refresh - Not good for aggressive refresh rates #76521

Closed
gose opened this issue Sep 2, 2020 · 8 comments
Closed

Kibana Desaturates on Refresh - Not good for aggressive refresh rates #76521

gose opened this issue Sep 2, 2020 · 8 comments
Assignees
Labels
bug Fixes for quality problems that affect the customer experience enhancement New value added to drive a business result impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. loe:medium Medium Level of Effort SharedUX/fix-it-week Bugs that have been groomed and queued up for the team's next fix it week Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.

Comments

@gose
Copy link

gose commented Sep 2, 2020

Kibana version: 7.9

Elasticsearch version: 7.9

Server OS version: Linux

Browser version: Safari 13.1.2

Browser OS version: Mac Safari 13.1.2

Original install method (e.g. download page, yum, from source, etc.): apt

Describe the bug: Dashboard desaturates color when reloading visualizations. For dashboards that have an aggressive refresh rate (e.g., < 10 seconds), this can flicker the colors noticeably, which isn't an ideal user experience.

Steps to reproduce:

  1. The attached gif is of the out-of-the-box dashboard called: [Metricbeat System] Host overview ECS

Expected behavior: I would expect colors to desaturate on a visualization (to indicate possibly stale data) only if other visualizations have been updated after a refresh and one visualization is taking longer than usual to refresh or has failed.

Screenshots (if relevant):
kibana-desat

@lukeelmers lukeelmers added Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. triage_needed labels Sep 4, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-design (Team:Kibana-Design)

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app-arch (Team:AppArch)

@mdefazio
Copy link
Contributor

Apologies for the slow reply on this. I will bring this up with the team next sync. We are reviewing how to improve partial results / loading across pages and visualizations. With the addition of async UI (#81793), we may be able to remove this behavior. But we'll look into it.

@mdefazio
Copy link
Contributor

We are still putting together guidelines for loading states and hope to have a starting draft this month. But in the meantime, is it possible to disable the desaturation effect when auto-refresh is on? Or if set below a certain value?

@wylieconlon wylieconlon added enhancement New value added to drive a business result and removed triage_needed labels Feb 3, 2021
@wylieconlon
Copy link
Contributor

This looks very closely related to #86947

@jonny123d
Copy link

In addition to solving the problems about this issue, I would like to propose that this feature be configurable. That is, when it is enabled, it will perform the data loading feedback, but if it is disabled, do not make any changes to the visualizations on dashboard. This flickering effect can be annoying when the refresh time is short.

@Dosant Dosant added bug Fixes for quality problems that affect the customer experience high loe:medium Medium Level of Effort triaged impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. and removed high labels Mar 1, 2021
@Dosant Dosant self-assigned this Mar 1, 2021
@chammel4
Copy link

Any update on this? I'm working on using kibana to view live data for industrial machines, and the desaturation (as well as the UI interactivity dropout) is almost entirely unusable. I'm pushing the other developers and managers to get on-board, but it's a tough sell at the moment!

I'm pleased to see that the issue with DataTables flickering on refresh is now fixed (which I first noticed in version 7.2.0, and pushed us to make our own html data table viewer instead), but this new refresh problem is just as bad if not worse :/ It doesn't seem like there's any reason the UI needs to be invalidated during a new query, just update the visualization once enough data has been retrieved and parsed?

@Dosant Dosant added the SharedUX/fix-it-week Bugs that have been groomed and queued up for the team's next fix it week label Apr 19, 2021
@Dosant
Copy link
Contributor

Dosant commented Apr 19, 2021

We decided to remove desaturation in #97473 and will revise loading and partial results states in #93007 with lessons learned from this issue in mind

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience enhancement New value added to drive a business result impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. loe:medium Medium Level of Effort SharedUX/fix-it-week Bugs that have been groomed and queued up for the team's next fix it week Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

No branches or pull requests

9 participants