# Bar Chart with Value Markers

**URL:** <https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 9, 2025, 3:21pm UTC](https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903 "2025-04-09T15:21:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![randaz99](https://avatars.discourse-cdn.com/v4/letter/r/a8b319/32.png) [@randaz99](https://forum.inductiveautomation.com/u/randaz99)\
**Post date:** [April 9, 2025, 3:21pm UTC](https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903/1 "2025-04-09T15:21:28Z")

</div>

I have made the below chart, but I am not sure how to get the little black and dark orange markers to appear ontop of the bars. The markers are for values associated with the corresponding bar but change independently. (It's similar to a stacked bar but instead of stacked it is just a line that goes over the bar)

Below is an image of what I am replicating:

 ![Screenshot 2025-04-09 111749](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/0/40e12efb808cb3dbf7eb8d255987a6b88fa42393.png)

Below is an image of what I have made so far:

 ![Screenshot 2025-04-09 112007](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/3/e3363cebefde4e0cf55179131e3ad35ded53d04d.png)

---

<div class="post-metadata">

**Author:** ![randaz99](https://avatars.discourse-cdn.com/v4/letter/r/a8b319/32.png) [@randaz99](https://forum.inductiveautomation.com/u/randaz99)\
**Post date:** [April 11, 2025, 5:35pm UTC](https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903/2 "2025-04-11T17:35:56Z")

</div>

Here is an update on where I have gotten to.  
**I need to offset the black and orange dots to overlay the bars.**  
_I used a step line without the line to achieve the dots._

 ![Screenshot 2025-04-11 133502](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/0/d00ac615ef4facb902b225f4ae5ee02372063481.png)

---

<div class="post-metadata">

**Author:** ![randaz99](https://avatars.discourse-cdn.com/v4/letter/r/a8b319/32.png) [@randaz99](https://forum.inductiveautomation.com/u/randaz99)\
**Post date:** [June 16, 2025, 6:13am UTC](https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903/3 "2025-06-16T06:13:08Z")

</div>

Here is an update on my progress.  
**I only need help ensuring the graphs stay in position when resizing**  
_I used a percentage-based fixed container with 3 charts on top of each other to achieve this effect so far._

Intended look:

 ![Screenshot 2025-06-16 020953](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/4/04abe0353160b14f4782a750e1ad9fa75fed705a.png)

While being scaled:

 ![Screenshot 2025-06-16 021211](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/81a565de7fb237dd788aabed6c126cf07a519e55.png)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [June 16, 2025, 8:12am UTC](https://forum.inductiveautomation.com/t/bar-chart-with-value-markers/104903/4 "2025-06-16T08:12:35Z")

</div>

Maybe you can try define a fixed height, so it doesn´t scale

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8e686d106d4759c30cdc02d352e98a09a21156b7.png)