# Perspective: How to create a grouped bar chart

**URL:** <https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [September 7, 2020, 7:02am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445 "2020-09-07T07:02:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![yash.bhan](https://avatars.discourse-cdn.com/v4/letter/y/bbe5ce/32.png) [@yash.bhan](https://forum.inductiveautomation.com/u/yash.bhan)\
**Post date:** [September 7, 2020, 7:02am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/1 "2020-09-07T07:02:19Z")

</div>

Hi

We are working on a perspective based project. Wanted to know how to create a grouped bar chart like this:  
 ![Barchart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/f/7fc53772d66cf69de37be436704e513f72cd1e4c.png)

We tried manipulating the X-Y chart component, but ended up with this result:

![MicrosoftTeams-image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/2/1222234da169262bccdeedb605ac647112eaf335.png)

All the bars should be vertical, and Just one Y-axis should be displayed.

---

<div class="post-metadata">

**Author:** ![indenkleefj](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/indenkleefj/32/10961_2.png) [@indenkleefj](https://forum.inductiveautomation.com/u/indenkleefj)\
**Post date:** [October 29, 2021, 12:46pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/2 "2021-10-29T12:46:59Z")

</div>

Did you find a solution to this problem?

---

<div class="post-metadata">

**Author:** ![indenkleefj](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/indenkleefj/32/10961_2.png) [@indenkleefj](https://forum.inductiveautomation.com/u/indenkleefj)\
**Post date:** [November 3, 2021, 2:23pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/3 "2021-11-03T14:23:56Z")

</div>

I have send a mail to IA support and the response that I got was:  
You can “group” the bars together in the bar chart by adding a blank series either side of the series that actually show data, and then setting the values to 0 and setting `hiddenInLegend` to `true` so they do not show up in the legend. You only have to set the values in one set of your data sources, as shown below:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/b/7b32371bdf42dbb09320147454341577886c13c9.png)  
Once you add these blank values to your list of series, you should get something that looks like this:

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/b/dbf9c67db3fe07df74319e8353c5d470b1f5a774.png)  
It’s not exactly like in the example you sent me, but it’s fairly close. If you want to remove the white space between the bars in each group, just change `width` under the `appearance` section for each series.

---

<div class="post-metadata">

**Author:** ![Senthoor\_Mani\_M](https://avatars.discourse-cdn.com/v4/letter/s/e19adc/32.png) [@Senthoor\_Mani\_M](https://forum.inductiveautomation.com/u/Senthoor_Mani_M)\
**Post date:** [May 27, 2025, 6:42am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/4 "2025-05-27T06:42:31Z")

</div>

Hi @indenkleefj, how to show the values on top of the chart, for all bars  
like below image

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

I need this requirement for my project  
Thanks.

---

<div class="post-metadata">

**Author:** ![Senthoor\_Mani\_M](https://avatars.discourse-cdn.com/v4/letter/s/e19adc/32.png) [@Senthoor\_Mani\_M](https://forum.inductiveautomation.com/u/Senthoor_Mani_M)\
**Post date:** [May 29, 2025, 5:11am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/5 "2025-05-29T05:11:07Z")

</div>

Anyone know how to do this in Ignition Perspective XY Chart.  
Thanks in Advance.

---

<div class="post-metadata">

**Author:** ![simeonw](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@simeonw](https://forum.inductiveautomation.com/u/simeonw)\
**Post date:** [June 3, 2025, 9:14pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-create-a-grouped-bar-chart/38445/6 "2025-06-03T21:14:33Z")

</div>

There isn't a nice way to do it, but the following does work. It requires adding an additional series for each existing series - new series rendered as line types with labels instead of bullets.

> [@How to display values above columns in XY Chart?](https://forum.inductiveautomation.com/t/how-to-display-values-above-columns-in-xy-chart/41337/16):
>
> Yes, it is above in this thread.@Thomas_Magill.
