[docs] Add demo about how to use charts margin

[alexfauquette]

New comment 👎
I find MUI X docs to be very confusing compared to Material-UI docs.

I'm trying to apply margin right now (as mentioned above). It won't take 'inherit' as a value, seems to only accept a number.

So I want to look at the definition of the margin prop: what are its default values?
Well I can't find the margin prop. It's not in the API reference under BarChart (which is what I'm using).
sent from https://mui.com/x/react-charts/styling/

https://mui-org.slack.com/archives/C04U3R2V9UK/p1698962389920629

[mui-bot]

Deploy preview: https://deploy-preview-10886--material-ui-x.netlify.app/

Updated pages:

• docs/data/charts/styling/styling.md

Generated by 🚫 dangerJS against 2b67f61

[LukasTy]

Am I missing something or is it actually different in how we place the chart in regards to x and y axes?
Having all the margins set to 0 hides the y axes, whereas x axes fit without problem.
Is there a reason for this difference that I'm not seeing? 🤔

[alexfauquette]

@LukasTy It's not expected. For a reason I ignore the sizing is not working as expected. I added an issue for that

#10885

[LukasTy]

Nice improvement! 👍