[Bug] pinch-to-zoom is too responsive on mobile
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.4.3
### Link to Minimal Reproduction
https://stackblitz.com/edit/js-mtnyxw
### Steps to Reproduce
1. import echarts by script
```html
```
2. set echarts options
```js
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](https://github.com/apache/echarts/files/12226713/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
```markdown
- OS: Android 8.0
- Browser: Chrome 115.0.5790.110
- Framework: static web
```
### Any additional comments?
🙏tks very much!
Contributor guide
Assessment
This issue has not been assessed yet.