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

Conditional XY bar metric colors #4482

Closed
surbhi26 opened this issue Jul 23, 2015 · 47 comments
Closed

Conditional XY bar metric colors #4482

surbhi26 opened this issue Jul 23, 2015 · 47 comments
Labels
enhancement New value added to drive a business result Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens Feature:XYAxis XY-Axis charts (bar, area, line) Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@surbhi26
Copy link

i want to make a bar graph but i want to change the color of bar if it exceed some limit and it should change from the point where it starts exceeding in Kibana 4.

@rashidkpc rashidkpc changed the title Kibana 4, query that changes the color of bar graph after some threshold value. Change color of bar graph with threshold value. Jul 23, 2015
@tarunsapra
Copy link

It's a really nice to have for doing Analytics, though even if something like sending an notification email instead of changing the whole color could be implemented then that would be very useful.

@novozhenets
Copy link

+1

@tbragin tbragin changed the title Change color of bar graph with threshold value. Change color of bar graph with threshold value Sep 26, 2015
@kushan85
Copy link

+1
Not only bar graph, but this will be useful for other types of visualizations as well (Metric, line graph etc)

@tbragin tbragin changed the title Change color of bar graph with threshold value Conditional metric colors Jan 26, 2016
@chakrayadavalli
Copy link

+1

@jccq
Copy link

jccq commented Jan 26, 2016

Could it be something that could be addressed in the context of a general scripting language for Kibana?

@dilip2048
Copy link

+1

8 similar comments
@rmolabanti
Copy link

+1

@jadireddi
Copy link

+1

@karthikdivi
Copy link

+1

@athondapu
Copy link

+1

@jadireddi
Copy link

+1

@richardkennedy
Copy link

+1

@ebradham
Copy link

+1

@chanian
Copy link

chanian commented Mar 5, 2016

+1

@yanndb
Copy link

yanndb commented Mar 9, 2016

+1. Yes traffic lights please!

@vinuja
Copy link

vinuja commented Mar 23, 2016

+1

3 similar comments
@mvdbos
Copy link

mvdbos commented Apr 1, 2016

+1

@sgerlach-sg
Copy link

+1

@irab
Copy link

irab commented May 2, 2016

+1

@chanian
Copy link

chanian commented May 2, 2016

I'd still love seeing native support for this, but for those waiting/following this issue, a useful work around:

This is achievable in timelion by rendering identical plots (either .lines or .bars), coloring one red (or whatever desired warning color), and then using the .if() chainable to conditionally show the plot if your threshold has been hit. It's not perfect, but for the most part, achieves exactly what this original request was asking for.

eg: (show green bars for volume of 400 errors, but render it red if it's more than 120)

// indented for readibility
.es("status:400", index="nginx-*")
     .bars(width=20),

.es("status:400", index="nginx-*")
     .bars(width=20)
     .color('red')
     .if(operator="lt", if=120, then=0)

@upalkhouski
Copy link

    1. fully support this request.

@berglh
Copy link

berglh commented Aug 8, 2016

👍

@ghost
Copy link

ghost commented Feb 8, 2018

+1

@YemingHuang
Copy link

About damn time.
+1

@kylemeow
Copy link

+1

1 similar comment
@tyvich
Copy link

tyvich commented Jun 27, 2018

+1

@timroes timroes added Feature:ElasticCharts Issues related to the elastic-charts library Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:XYAxis XY-Axis charts (bar, area, line) and removed Feature:Visualizations Generic visualization features (in case no more specific feature label is available) labels Sep 15, 2018
@mysiteptyltd
Copy link

+1

@gregpaskal
Copy link

+1
I've provided some detailed documentation around this idea here - https://discuss.elastic.co/t/kibana-line-visualization-circle-color-tied-to-data-pass-fail-result/156515/2

@mackermann2
Copy link

+1 :)

@yami12376
Copy link

+1

1 similar comment
@Sjaak01
Copy link

Sjaak01 commented May 17, 2019

+1

@kazizi-swe
Copy link

This might help: https://www.timroes.de/timelion-tutorial-from-zero-to-hero

Have a look at this example specifically:
.es().bars(stack=false).color(#F44336), .min(.es(), 25).bars(stack=false).color(#8BC34A)

image:
image

@SPishere
Copy link

+1

1 similar comment
@xStockx
Copy link

xStockx commented Mar 6, 2020

+1

@sam31897
Copy link

sam31897 commented Jun 3, 2020

+1

@ghudgins ghudgins changed the title Conditional metric colors Conditional XY bar metric colors Nov 15, 2021
@markov00 markov00 added enhancement New value added to drive a business result and removed release_note:enhancement labels Feb 2, 2023
@stratoula
Copy link
Contributor

Closing as duplicate of #15493

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New value added to drive a business result Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens Feature:XYAxis XY-Axis charts (bar, area, line) Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
Development

No branches or pull requests