cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Gui270
New Member

Grouped Columns in Bar Chart

Hey everyone.
While working with KPIs in PowerApps, I stumbled upon the need of grouping columns in a regular Bar Chart.

 

Here's a sample of what I've got:

 

 

Month          Percentage 1      Percentage 2

February      12%                    20%
January        10%                    25%

March           6%                      31%

I can plot the values all meld in one chart, with merged columns along the Bar Chart. Unfortunately, however, I can't find a way to group them two by two, and separate them month by month.
The way I see it, I should somehow be able to plot o Chart with two columns per month.

If it helps, I'm leaving here the code that I've been using to create the current chart.

LastN(SortByColumns(ShowColumns(Filter(KPI_Consolidado;KPI_id=Gallery1.Selected.ID);"Material_x0020_de_x0020_Embalage";"Mat_x00e9_ria_x0020_Prima";"ref_month");"ref_month";["Janeiro";"Fevereiro";"Março";"Abril";"Maio";"Junho";"Julho";"Agosto";"Setembro";"Outubro";"Novembro";"Dezembro"]);13)

Thanks in advance!

1 ACCEPTED SOLUTION

Accepted Solutions
CarlosFigueira
Power Apps
Power Apps

There's no property in the bar chart control that can add a spacing between the grouped series - feel free to create a feature request in the PowerApps Ideas board for that.

 

There is, however, a workaround that you can use to add such a spacing. The idea is to have a third series in the chart, but set its color to transparent, so that it is not displayed. The screen capture below shows how this can be done.

 

BarChartColumnGrouping.gif

View solution in original post

1 REPLY 1
CarlosFigueira
Power Apps
Power Apps

There's no property in the bar chart control that can add a spacing between the grouped series - feel free to create a feature request in the PowerApps Ideas board for that.

 

There is, however, a workaround that you can use to add such a spacing. The idea is to have a third series in the chart, but set its color to transparent, so that it is not displayed. The screen capture below shows how this can be done.

 

BarChartColumnGrouping.gif

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (5,625)