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

Bars with percentages are not clickable in dashboards #122496

Closed
alrubaa opened this issue Jan 8, 2022 · 2 comments · Fixed by #121610
Closed

Bars with percentages are not clickable in dashboards #122496

alrubaa opened this issue Jan 8, 2022 · 2 comments · Fixed by #121610
Labels
bug Fixes for quality problems that affect the customer experience Feature:Vis Editor Visualization editor issues Feature:XYAxis XY-Axis charts (bar, area, line) impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@alrubaa
Copy link

alrubaa commented Jan 8, 2022

Kibana 7.16.2

Elasticsearch 7.16.2

Ubuntu 20.04 (tried 7 different servers), and WSL+Ubuntu on Windows 11

Edge Version 97.0.1072.55 (Official build) (64-bit) and FireFox 95.0264

Windows 10, Windows 11, and Ubuntu desktop 21.10

How I installed Elasticsearch and Kibana:
Download and install, as well as sudo apt install, I only use Elasticsearch and Kibana on Ubuntu, either on VMs, WSL on Windows or Using Ubuntu desktop. I do not run Elasticsearch and Kibana on any other platform.

Issue:
Bar charts in Kibana dashboards that display percentages on charts are not clickable to filter. The same bars if set to display actual values work fine. I have tried different servers, different clients and the same issue persists, and is easy to replicate. The first time that I encountered this issue was when I upgraded to version 7.12.1, before that all worked well.

At the time and after I posted on the forums, user Stratoula_Kalafateli from Elastic team kindly responded saying "I created an issue to our repo [XY axis] Filters not work for charts with percentage mode · Issue #99906 · elastic/kibana · GitHub" Stratoula_Kalafateli also advised me to go enable "legacy charts library" in advance settings to overcome the issue temporarily, which worked. Recently I upgraded to version 7.16.2 due to issue with Log4j, my employer has strict policies on security matters. After that the issue reappeared. I cannot find "legacy charts library" in advanced settings anymore, I found "Timelion legacy charts library" which I turned on but no effect. This is important as bar charts is all we use with ELasticsearch

Steps to reproduce:

  1. Create a bar chart in Kibana by clicking on All types and selecting aggregation based
  2. Select vertical or horizontal, then select the index, then under buckets click add and split series, and then choose Terms from drop down menu and select a fields.
  3. Go to Y-Axis and under mode select percentage. Then update.
  4. Under matrix and axis set mode to stacked or Normal and enable show values on charts.
  5. Under panel settings select show values on charts. Update and save.

Expected behavior:
I expect that when I click on any of the bars in a chart a filter is applied across the dashboard, however nothing happens. If however, I change the mode to show normal rather than percentage then clicking on a bar does filter.

Screenshots (if relevant):
Before clicking when bars showing percentage:
image

After clicking on a bar and nothing happens:
image

Changing one bar chart to normal mode instead of percentage under Y=Axis in matrix and axis:
image

After clicking on left most part of left bar you can see a filter was applied to dashboard as used to happen in past releases of Elasticsearch and Kibana:
image

Errors in browser console (if relevant):
No errors.

Provide logs and/or server output (if relevant):
N/A

Any additional context:
NA

@alrubaa alrubaa added the bug Fixes for quality problems that affect the customer experience label Jan 8, 2022
@botelastic botelastic bot added the needs-team Issues missing a team label label Jan 8, 2022
@dej611 dej611 added Feature:Vis Editor Visualization editor issues Feature:XYAxis XY-Axis charts (bar, area, line) Team:Visualizations Visualization editors, elastic-charts and infrastructure labels Jan 10, 2022
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

@botelastic botelastic bot removed the needs-team Issues missing a team label label Jan 10, 2022
@stratoula
Copy link
Contributor

@alrubaa thanx for submitting this. We have already a PR that is solving it #121610
We are targeting 7.17 for this, for now you could use Lens instead that works fine

@stratoula stratoula added the impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. label Jan 10, 2022
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 Feature:Vis Editor Visualization editor issues Feature:XYAxis XY-Axis charts (bar, area, line) impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
5 participants