How to align content of legend at the bottom of the chart?

(0) Share

Report

Posted on by ROSEBLACK

205

Hi Everyone,

I have created a column chart in Power Apps and it is looking fine but I want the legend entries to be display in center at the bottom of the chart.

Could you help to move the legend in center at the bottom of the chart?

Thanks,
Best regards,

ROSE

Categories:

Building Power Apps

I have the same question (0)

All responses (11)

Answers (1)

Suggested answer

MS.Ragavendar 4,975 Super User 2025 Season 2 on at

Like (1)

Report

Hi,

There will be Legend Available, Navigate to the Properties adjust the X Position Accordingly.

Width : Parent.Width/2

X : Parent.Width/2

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item.

Was this reply helpful? Yes No
ROSEBLACK 205 on at

Like (0)

Report

Hi @MSR@08012015

It's not working for me.

Below are my codes.

Column Chart items

AddColumns(
AddColumns(
GroupBy(
AddColumns(
ShowColumns(
'ListName',
SelectedColumn
),
SelectedColumnNames,
SelectedColumn.Value
),
SelectedColumnNames,
Grp_Status
),
NumberOfValues,
100*CountRows(ThisRecord.Grp_Status)/CountRows('ListName')
),
LabelName,
Concatenate(
SelectedColumn,
" (",
NumberOfValues,
"%)"
)
)

Legend Items
GroupBy(
AddColumns(
ShowColumns(
'ListName',
SelectedColumn
),
SelectedColumnNames,
SelectedColumn.Value
),
SelectedColumnNames,
Grp_Status
)

ListName: is SharePoint list

SelectedColumn: is header of the column in SharePoint list (value: A, B, C, D

Was this reply helpful? Yes No
MS.Ragavendar 4,975 Super User 2025 Season 2 on at

Like (1)

Report

Hi,

The Item Property is fine, you have used only the Column chart from Power Apps right.

Its grouped controls. Each group contains three controls: a Label for the title, the chart graphic, and a Legend.

chart graphic - Where you feed the data for the chart.

Legend - If you adjust the X Property to desired position it will adjust.

If you still facing can you give the Screenshot pls.

Was this reply helpful? Yes No
ROSEBLACK 205 on at

Like (0)

Report

Hi @MSR@08012015

Yes, I'm still facing the issue.

It's showing center of page but not of the chart.

Please see the Screenshots below.

My SharePoint list

Legend X

Legend Width

My results

Was this reply helpful? Yes No
MS.Ragavendar 4,975 Super User 2025 Season 2 on at

Like (0)

Report

Hi ROSEBLACK,

Ensure that your chart is Parent.Width.

Legend - ColumnChart.X + (ColumnChart.Width/2)- (Self.Width/2).

Try this

Was this reply helpful? Yes No
ROSEBLACK 205 on at

Like (0)

Report

Dear @MSR@08012015

Yes, my chart is Parent.Width (please see the screenshot below).

ColumnChart Width: Parent.Width

Legend1 X: ColumnChart1.X + (ColumnChart1.Width/2)- (Self.Width/2)

It's still not in center of the chart.

Was this reply helpful? Yes No
ROSEBLACK 205 on at

Like (0)

Report

Hi MSR@08012015

Labels are left aligned of the legend (not in the center).

The chart is in the center of the screen.

Was this reply helpful? Yes No
Suggested answer

MS.Ragavendar 4,975 Super User 2025 Season 2 on at

Like (1)

Report

Hi Rose Black,

Sorry for the delay in the response, If this doesn't works send me an teams invite we can connect and sort it out.

Formula of Legend

X: (ColumnChart1.X + (ColumnChart1.Width / 2)) - (Self.Width / 3)

Y : ColumnChart1.Y+ColumnChart1.Height+5

Width : Parent.Width/2

My output

Please click Accept as Solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item

Was this reply helpful? Yes No
ROSEBLACK 205 on at

Like (0)

Report

Hi MSR@08012015,

No need to say sorry Bro, I want to say thank you for your helping me on this :)

I have tried but still facing the same the issue. Please watch the attached video for details.

Also as your screenshot, the Legend text box is aligned center but the labels are not align center of the legend text box.

Regards,

ROSE

PowerApps.wmv

Was this reply helpful? Yes No
Verified answer

MS.Ragavendar 4,975 Super User 2025 Season 2 on at

Like (1)

Report

Hi Rose,

We couldn't able to adjust the legend text to center because there is no text align property this is maximum possibility we can do.

If we wish to do, We need to customized the legend, Even in containers too i tried but its not working.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item.

Was this reply helpful? Yes No