# How to target graph bars with CSS?

**URL:** <https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032>\
**Category:** Kibana\
**Created:** [August 25, 2018, 3:51pm UTC](https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032 "2018-08-25T15:51:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![GGorast](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ggorast/32/34669_2.png) [@GGorast](https://discuss.elastic.co/u/GGorast)\
**Post date:** [August 25, 2018, 3:51pm UTC](https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032/1 "2018-08-25T15:51:32Z")

</div>

I'm trying to target graphic bars with CSS but I dont get it how Kibana's Canvas renders it.  
In the css there is no divs for the actual bars, only for the text labels.

In my case I want to target this so I can manipulate its color:

 ![Untitled-1](https://us1.discourse-cdn.com/elastic/original/3X/a/8/a87d601754ce6ef25f73c1e6b366cbbfc0f26e27.jpeg)

Thanks.

---

<div class="post-metadata">

**Author:** ![rashid](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashid/32/12566_2.png) [@rashid](https://discuss.elastic.co/u/rashid)\
**Post date:** [August 27, 2018, 7:26pm UTC](https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032/2 "2018-08-27T19:26:52Z")

</div>

Unfortunately the chart, aside from the text, is rendered as one big image so you won't be able to get to the bars with CSS.

---

<div class="post-metadata">

**Author:** ![GGorast](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ggorast/32/34669_2.png) [@GGorast](https://discuss.elastic.co/u/GGorast)\
**Post date:** [August 28, 2018, 9:38pm UTC](https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032/3 "2018-08-28T21:38:42Z")

</div>

Are all graphic elements (dots, pies, etc...) done the same way?  
Should I post feature request for this to be done in HTML or its a dead end street? 😃

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [September 25, 2018, 9:38pm UTC](https://discuss.elastic.co/t/how-to-target-graph-bars-with-css/146032/4 "2018-09-25T21:38:42Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.