[charts] Allow tickLabelPlacement='middle' in continuous scales

[JCQuintas]

👻

• Allow tickLabelPlacement='middle' in continuous scales
• Add example of overlapping axis
• Exported AxisValueFormatterContext which wasn't previously exported

Changelog

• Charts axes now accept tickLabelPlacement='middle' on continuous scales as well as 'band' scale.

[mui-bot]

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

Updated pages:

• docs/data/charts/axis/axis.md

Generated by 🚫 dangerJS against f8b984a

[codspeed-hq]

CodSpeed Performance Report

Merging #16803 will not alter performance

_{Comparing JCQuintas:overlappingaxes (f8b984a) with master (03f0c05)}

Summary

✅ 7 untouched benchmarks

[alexfauquette]

I like the idea, but with the axis highlight it feels a bit weird. But the inspiration is weird too

Maybe we could get a better result with more data points:

• The true axis (the one to line series use) with points every week
• The first displayed axis with months
• the second displayed with quaters

[JCQuintas]

Tried using bar chart and band. But I'm unsure if the changes are sane. f8b984a

Looks good though

[bernardobelchior]

This feels a bit like a workaround. In this PR we're going to start taking the size into account and it will cause the labels to be hidden:

Should we consider a less hacky API? E.g., translating the second axis.

[JCQuintas]

We can also just drop this if it is too much. Translating the axis will still make the axis count into the sizes though

[bernardobelchior]

I see some value in this example, so it might make sense to have it in the docs. However, we should probably use a custom component for it, or another workaround, since this one will break in the short term.