[Bug] pinch-to-zoom is too responsive on mobile

[SanLeen]

Version

5.4.3

Link to Minimal Reproduction

https://stackblitz.com/edit/js-mtnyxw

Steps to Reproduce

1. import echarts by script

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.min.js"></script>

2. set echarts options

    const myChart = echarts.init(document.getElementById('host'));

    const dataSource = [["2004-01-02",10452.74,10409.85,10367.41,10554.96,168890000],["2004-01-05",10411.85,10544.07,10411.85,10575.92,221290000],["2004-01-06",10543.85,10538.66,10454.37,10584.07,191460000],["2004-01-07",10535.46,10529.03,10432,10587.55,225490000],["2004-01-08",10530.07,10592.44,10480.59,10651.99,237770000],["2004-01-09",10589.25,10458.89,10420.52,10603.48,223250000],["2004-01-12",10461.55,10485.18,10389.85,10543.03,197960000],["2004-01-13",10485.18,10427.18,10341.19,10539.25,197310000],["2004-01-14",10428.67,10538.37,10426.89,10573.85,186280000],["2004-01-15",10534.52,10553.85,10454.52,10639.03,260090000],["2004-01-16",10556.37,10600.51,10503.7,10666.88,254170000],["2004-01-20",10601.4,10528.66,10447.92,10676.96,224300000],["2004-01-21",10522.77,10623.62,10453.11,10665.7,214920000],["2004-01-22",10624.22,10623.18,10545.03,10717.4,219720000],["2004-01-23",10625.25,10568.29,10490.14,10691.77,234260000],["2004-01-26",10568,10702.51,10510.44,10725.18,186170000],["2004-01-27",10701.1,10609.92,10579.33,10748.81,206560000],["2004-01-28",10610.07,10468.37,10412.44,10703.25,247660000],["2004-01-29",10467.41,10510.29,10369.92,10611.56,273970000],["2004-01-30",10510.22,10488.07,10385.56,10551.03,208990000],["2004-02-02",10487.78,10499.18,10395.55,10614.44,224800000],["2004-02-03",10499.48,10505.18,10414.15,10571.48,183810000],["2004-02-04",10503.11,10470.74,10394.81,10567.85,227760000],["2004-02-05",10469.33,10495.55,10399.92,10566.37,187810000],["2004-02-06",10494.89,10593.03,10433.7,10634.81,182880000],["2004-02-09",10592,10579.03,10433.7,10634.81,160720000],["2004-02-10",10578.74,10613.85,10511.18,10667.03,160590000],["2004-02-11",10605.48,10737.7,10561.55,10779.4,277850000],["2004-02-12",10735.18,10694.07,10636.44,10775.03,197560000],["2004-02-13",10696.22,10627.85,10578.66,10755.47,208340000],["2004-02-17",10628.88,10714.88,10628.88,10762.07,169730000],["2016-06-22",17832.67,17780.83,17770.36,17920.16,89440000]];

    const option = {
      animation: false,
      dataset: [{
        dimensions: ['timestamp', 'open', 'close', 'low', 'high', 'quantity'],
        seriesLayoutBy: "column",
        source: dataSource ,
      }],
      xAxis: {
        type: 'category',
        scale: true,
      },
      yAxis: {
        scale: true,
        type: 'value',
      },
      dataZoom: [
        {
          type: 'inside',
          start: 50,
          minValueSpan: 20,
          moveOnMouseWheel: false,
          preventDefaultMouseMove: true,
        },
      ],
      series: [
        {
          type: 'candlestick',
          encode: {
            x: 'timestamp',
            y: ['open', 'close', 'low', 'high']
          },
        }
      ]
    };

    myChart.setOption(option);

3. Pinch to zoom on mobile

reference

• demo_projects_pinch-to-zoom_is_too_responsive_on_mobile.zip

Current Behavior

The zoom behavior of two fingers on Android devices becomes extremely sensitive even without moving distance

Expected Behavior

The zoom behavior can follow the finger movement smoothly

Environment

- OS: Android 8.0
- Browser: Chrome 115.0.5790.110
- Framework: static web

Any additional comments?

🙏tks very much!

[mephinet]

Same issue with the map: #18113

[daxcore]

Would anybody support my PR #21068 to bring this fix live?

[frontmatec-phd]

Please prioritize this issue, it really is overly sensitive when zooming/pinching 🙏
It seems like the PR has a simple fix for it.

[Josvanegmond]

Yes please fix this