Maria's questions

Eu criei um gráfico usando mui barchart,

import { BarChart } from '@mui/x-charts/BarChart';
import { ThemeProvider, createTheme, useTheme } from '@mui/material/styles';

e quero dar cantos arredondados às barras. Eu tentei borderRadius para propriedade sx e propriedade de série. mas não funcionou. a propriedade sx cria uma borda ao redor do gráfico e não para todas as barras. Eu tenho o seguinte código até agora:

 <ThemeProvider theme={darkTheme}  >
    <BarChart
       
        sx={[{p: 5, border: 1, borderRadius: 3}]}
        yAxis={[
              {
               id: 'barCategories',
               data: ['A', 'B', 'C', 'D', 'E'],
               scaleType: 'band',
              },
         ]}
         series={[
                {
                 data: [50, 20, 85, 60, 20],
                 color: '#fff',
                },
                            
          ]}
          layout="horizontal"
     />
</ThemeProvider>

e fica assim:

Como posso fazer com que as barras tenham cantos arredondados assim: