Skip to content

feat(ColumnChart): add alignLabels property#8534

Open
skythefire wants to merge 8 commits intoUI5:mainfrom
skythefire:feat/column-charts-add-alignLabels
Open

feat(ColumnChart): add alignLabels property#8534
skythefire wants to merge 8 commits intoUI5:mainfrom
skythefire:feat/column-charts-add-alignLabels

Conversation

@skythefire
Copy link
Copy Markdown

@skythefire skythefire commented Apr 30, 2026

Fixes: #3421

Thank you for your contribution! 👏

To get it merged faster, kindly review the checklist below:

Pull Request Checklist

@skythefire skythefire marked this pull request as ready for review April 30, 2026 08:47
@cla-assistant
Copy link
Copy Markdown

cla-assistant Bot commented Apr 30, 2026

CLA assistant check
All committers have signed the CLA.

Copy link
Copy Markdown
Contributor

@Lukas742 Lukas742 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @skythefire

thanks a lot for the contribution! Please see my review below.


  • BarChart hardcodes 'insideRight' the same way. Both are independent wrappers around recharts' BarChart (no shared base). Please add alignLabels to BarChart as well (default 'insideRight').
  • BulletChart and ComposedChart also use the ChartDataLabel component. Due to the type change a typescript error is now thrown. Please adjust the types for labelPosition in these components as well. You can check if there are build errors locally by running yarn build.

Comment thread packages/charts/src/components/ColumnChart/index.tsx Outdated
Comment thread packages/charts/src/components/ColumnChart/index.tsx Outdated
Comment thread packages/charts/src/components/ColumnChart/index.tsx Outdated
Comment thread packages/charts/src/components/ColumnChart/index.tsx Outdated
Comment thread packages/charts/src/internal/ChartDataLabel.tsx Outdated
Comment thread packages/charts/src/internal/ChartDataLabel.tsx Outdated
@skythefire
Copy link
Copy Markdown
Author

@Lukas742 Thanks for the review, I've addressed your comments accordingly

Copy link
Copy Markdown
Contributor

@Lukas742 Lukas742 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! 🚢

Please note that I adjusted the ChartDataLabel to filter out non-Label props. I hope that's alright :)

We will merge this PR soon and include it in our next minor release.

@skythefire
Copy link
Copy Markdown
Author

Looks good to me! 🚢

Please note that I adjusted the ChartDataLabel to filter out non-Label props. I hope that's alright :)

We will merge this PR soon and include it in our next minor release.

Looks great, I realise that I misunderstood your previous comments, so all's good!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Stacked Charts: Label Alignment

2 participants