[charts][zoom] Support multi touch zoom (mostly for mobile)

[oliviertassinari]

Summary

This issue is similar to #13798 in the sense that it's about improving the zoom feature, but this time not on desktop, on mobile.

I would expect to be able to zoom on the chart like I can zoom on the canvas on Google Maps.

Examples

Expected (but no rotations):

Screen.Recording.2025-02-20.at.01.13.50.mov

Actual: https://next.mui.com/x/react-charts/zoom-and-pan/

Screen.Recording.2025-02-20.at.01.16.33.mov

Motivation

Improve UX

Search keywords: -

[JCQuintas]

@mui/xcharts this used to work in v7. Is it a regression?

[alexfauquette]

this used to work in v7. Is it a regression?

Effectively. But it does not work on mui.com either so the regression also occurred on the v7

[JCQuintas]

this used to work in v7. Is it a regression?

Effectively. But it does not work on mui.com either so the regression also occurred on the v7

Did you try on mobile. It needs to be multi-touch enabled.

[oliviertassinari]

I have never seen this one work. I assumed that it was a feature request.

---

Speaking of regression, fixing that one in: #16675. I might help a bit as well.