[charts] How to place bar labels after the end of the bar

[jdferreira-biai]

The problem in depth

How can I place the bar labels after the end of the bar on an horizontal layout? Also, how can I make all the bars rounded? not only one side?

Expected result:

I experimented a bit with the example but I couldn't find a way to do it: https://mui.com/x/react-charts/bars/#bar-direction

Your environment

`npx @mui/envinfo`

  System:
    OS: Linux 5.15 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
  Binaries:
    Node: 21.7.3 - ~/.nvm/versions/node/v21.7.3/bin/node
    npm: 10.5.0 - ~/.nvm/versions/node/v21.7.3/bin/npm
    pnpm: 9.15.1 - ~/.nvm/versions/node/v21.7.3/bin/pnpm
  Browsers:
    Edge: 131.0.2903.112
  npmPackages:
    @emotion/react: ^11.14.0 => 11.14.0 
    @emotion/styled: ^11.14.0 => 11.14.0 
    @mui/base: 5.0.0-beta.68 => 5.0.0-beta.68 
    @mui/material: ^6.3.0 => 6.3.0 
    @mui/x-charts: ^7.23.2 => 7.23.2 
    @mui/x-data-grid: ^7.23.3 => 7.23.3 
    @mui/x-data-grid-premium: ^7.23.3 => 7.23.3 
    @mui/x-date-pickers-pro: ^7.23.3 => 7.23.3 
    @mui/x-license: ^7.23.2 => 7.23.2 
    @types/react: ^18.3.17 => 18.3.17 
    react: ^18.3.1 => 18.3.1 
    react-dom: ^18.3.1 => 18.3.1 
    typescript: ^5.7.2 => 5.7.2 

Search keywords: horizontal bar layout label

Order ID: 88376

[michelengelen]

@JCQuintas seems like this would be an enhancement, no?

[JCQuintas]

@JCQuintas seems like this would be an enhancement, no?

Yes, currently not possible due to how positioning is calculated