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

Version

5.4.3

Link to Minimal Reproduction

Steps to Reproduce

import echarts by script

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

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);

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

pinch-to-zoom_is_too_responsive_on_mobile

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!

apache / echarts

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