[charts] Improve axis size docs

[JCQuintas]

• Updated the styling.md file to include explanations of the new axis size properties and how they affect chart layout.

[mui-bot]

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

Updated pages:

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

Generated by 🚫 dangerJS against 2ffb75c

[codspeed-hq]

CodSpeed Performance Report

Merging #16673 will not alter performance

_{Comparing JCQuintas:improve-axis-size-docs (2ffb75c) with master (b949938)}

Summary

✅ 6 untouched benchmarks

[alexfauquette]

Nice one. I proposed to split the explaination a bit differently to avoid some confusion about the fact we could be able to compute the axis size

[alexfauquette]

Suggested change

	To define the axis size, you can use the `xAxis` and `yAxis` configuration. The size is only take into account if the axis has a position different from `none`.
	The axes have a default size.
	To update it, use the `xAxis` and `yAxis` configuration as follow:

[bernardobelchior]

Should it be "as follows" instead of "as follow"?

[alexfauquette]

I propose to move this note after the demo to avoid creating confusion for the reader

Suggested change

	- **`y-axis`**: Uses the `width` prop instead.
	{{"demo": "MarginNoSnap.js", "hideToolbar": true, "bg": "playground"}}
	- **`y-axis`**: Uses the `width` prop instead.
	Axes that should not be displayed (for example those with `position: 'none'`) are ignored.
	{{"demo": "MarginNoSnap.js", "hideToolbar": true, "bg": "playground"}}

Suggested change

	- **`y-axis`**: Uses the `width` prop instead.
	{{"demo": "MarginNoSnap.js", "hideToolbar": true, "bg": "playground"}}
	- **`y-axis`**: Uses the `width` prop instead.
	Axes that should not be displayed (for example those with `position: 'none'`) do not take up any space, regardless of their size.
	{{"demo": "MarginNoSnap.js", "hideToolbar": true, "bg": "playground"}}

[bernardobelchior]

By

Axes that should not be displayed (for example those with position: 'none') are ignored.

do we mean that axes that should not be displayed will ignore the size they're given?

If so, I suppose the following formulation might be clearer: "Axes that should not be displayed (for example those with position: 'none') do not take up any space, regardless of their size."

What do you think?

[JCQuintas]

I've re-written some of your suggestions to what I feel make them clearer, but let me know what you think of the re-wording 😄

[bernardobelchior]

Minor suggestions, looks good!