# Progression wheel value at the end of the wheel

**URL:** https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475
**Category:** Kibana
**Tags:** canvas
**Created:** [November 5, 2021, 8:42am UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475 "2021-11-05T08:42:43Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![MTV](https://avatars.discourse-cdn.com/v4/letter/m/a6a055/32.png) [@MTV](https://discuss.elastic.co/u/MTV)
#### Post date: [November 5, 2021, 8:42am UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/1 "2021-11-05T08:42:43Z")

</div>

Hi,  
I am working with canvas and was trying to find a way to show the value in a progression wheel at the end of the wheel instead of in the center. I tried some approaches using css that I used for bar plots and scatter plots, but with no avail. The reason I would like to have the value at the end rather than at the center, is that I have multiple wheels nested (for different fields), which will change when I change a value in the dropdown. So using a metric for each wheel is not ideal because then I have to change the metric position every time the length of the wheels change.

The question is, is it possible to change the position of the value in a progression wheel? Thank you in advance for your help!

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 26, 2021, 10:58am UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/2 "2021-11-26T10:58:46Z")

</div>

Hi there, could you paste a visual example (for example screenshot) of what you're trying to achieve?

---

<div class="post-metadata">

### Author: ![MTV](https://avatars.discourse-cdn.com/v4/letter/m/a6a055/32.png) [@MTV](https://discuss.elastic.co/u/MTV)
#### Post date: [November 29, 2021, 8:17am UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/3 "2021-11-29T08:17:06Z")

</div>

Hi @Marta_Bondyra , thanks for your reply! I am building something like this:  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/3/437dc78538889b3826f9fd1a5f44b519f281dc54.png)

The values at the moment are just metrics, however this same values will change as I change values in the dropdown, so everytime I choose a different value in the dropdown, I have to come to the visualization and adjust the position of the metrics. I did try some CSS that I found for label position on bar plots but still not working. Any suggestions to make this cool visualizations work?

Thanks!

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 29, 2021, 2:20pm UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/4 "2021-11-29T14:20:05Z")

</div>

Hmmm, Is this visualization coming from Kibana? How do you create it?

---

<div class="post-metadata">

### Author: ![MTV](https://avatars.discourse-cdn.com/v4/letter/m/a6a055/32.png) [@MTV](https://discuss.elastic.co/u/MTV)
#### Post date: [November 29, 2021, 2:48pm UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/5 "2021-11-29T14:48:59Z")

</div>

Well, using your imagination! These are 3 wheels, as you can see from the ss below (I even got the 'canvas' part so you know for sure from where it's coming from 🙂 )

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/b/4b8ee7001e49e62e9bd9bb58366e1cdbd4c75b2a.png)

Whatever is in blue, I adjusted to have the same color as my canvas background so you don't see it. Then I adjusted the sizes so they can fit inside each other. As you can see the default value comes in the middle, and that was/is my question, how to put the value at the end of the wheel?

Thanks!

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 30, 2021, 7:51am UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/6 "2021-11-30T07:51:32Z")

</div>

this is really creative! 👏 Unfortunately, there's no official way to move the labels to the end of the value ☹ The only thing that comes to my mind is that you could probably move them the way you do to the bottom or to the right, but even that might not work in the future because the implementation might change.

 ![Screenshot 2021-11-29 at 19.24.41](https://us1.discourse-cdn.com/elastic/original/3X/1/7/17b100bdc6a13a2b9a2720cbf136498658ee2d67.png)

---

<div class="post-metadata">

### Author: ![MTV](https://avatars.discourse-cdn.com/v4/letter/m/a6a055/32.png) [@MTV](https://discuss.elastic.co/u/MTV)
#### Post date: [December 1, 2021, 2:37pm UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/7 "2021-12-01T14:37:42Z")

</div>

Hi! I will try it out and see how it turns out . In any case, thanks for the suggestion! 🙂

---

<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: [December 29, 2021, 2:38pm UTC](https://discuss.elastic.co/t/progression-wheel-value-at-the-end-of-the-wheel/288475/8 "2021-12-29T14:38:28Z")

</div>

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