web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / How to align content o...
Power Apps
Answered

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

(0) ShareShare
ReportReport
Posted on by 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:
I have the same question (0)
  • Suggested answer
    MS.Ragavendar Profile Picture
    6,907 Super User 2026 Season 1 on at
    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.
  • ROSEBLACK Profile Picture
    205 on at
     
    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
     
  • MS.Ragavendar Profile Picture
    6,907 Super User 2026 Season 1 on at
    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.
     
     
  • ROSEBLACK Profile Picture
    205 on at
     
    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
     
     
  • MS.Ragavendar Profile Picture
    6,907 Super User 2026 Season 1 on at
    Hi ROSEBLACK,
     
    Ensure that your chart is Parent.Width.
     
    Legend - ColumnChart.X + (ColumnChart.Width/2)- (Self.Width/2).
     
    Try this
  • ROSEBLACK Profile Picture
    205 on at
     
    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.
     
  • ROSEBLACK Profile Picture
    205 on at
     
    Labels are left aligned of the legend (not in the center).
     
     
    The chart is in the center of the screen.
  • Suggested answer
    MS.Ragavendar Profile Picture
    6,907 Super User 2026 Season 1 on at
    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
  • ROSEBLACK Profile Picture
    205 on at
     
    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
  • Verified answer
    MS.Ragavendar Profile Picture
    6,907 Super User 2026 Season 1 on at
    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 955

#2
11manish Profile Picture

11manish 652

#3
Valantis Profile Picture

Valantis 626

Last 30 days Overall leaderboard