移动端页面滑动失效

[picnic-yu]

One-line summary [问题简述]

移动端引用dateZoom当手指滑动图表的节点时候，页面上下滚动失效

Version & Environment [版本及环境]

• ECharts version [ECharts 版本]:
• Browser version [浏览器类型和版本]:
• OS Version [操作系统类型和版本]:
  版本3.6.1 Chrome浏览器

Expected behaviour [期望结果]

期望能解决页面的上下滑动

ECharts option [ECharts配置项]

option={
      animation: true,
      color:['#fa0'],
      backgroundColor:'#fff',
      /*tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'cross'
        }
      },*/
      grid: {
        show:false,
        top:'20px',
        bottom: '20',
        left:'0',
        containLabel: true
      },
      dataZoom:[{
        type:'inside',
        show:true,
        start:60,
        end:100
        , orient: 'horizontal'
        , preventDefaultMouseMove: false
        , zoomOnMouseWheel: false
        , zoomLock: true
        
        // , moveOnMouseMove: false
      },{
        show:false,
        type:'slider',
        realtime:false,
        bottom:0
      }],
      xAxis : [
        {
          type : 'category',
          axisLine:{
            show:false
          },
          axisTick:{
            show:false
          },
          axisLabel:{
            show:true,
            interval:0,
            textStyle:{
              color:'#999'
            }
          },
          splitLine:{
            show:false
          },
          boundaryGap : true,
          data : ['01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00']
        }
      ],
      yAxis : [
        {
          axisLine:{
            show:false
          },
          axisLabel:{
            show:false
          },
          axisTick:{
            show:false
          },
          splitLine:{
            show:true,
            lineStyle:{
              color:['#eee']
            }
          },
          type : 'value'
        }
      ],
      series : [
        {
          name:'',
          type:'line',
          smooth:true,
          stack: '',
          label:{
            normal:{
              show:true,
              position:'top',
              textStyle:{
                color:'#999'
              }
            }
          },
          data:[0.5, 1.4, 0.4, 0.9, 1.7, 1.3, 2,0.5, 1.4, 0.4, 0.9, 1.7, 1.3, 2]
        }
      ]
    }

Other comments [其他信息]

[100pah]

我刚在 iphone 5c 微信中试了下没有失效。
麻烦提供下在什么移动设备上什么浏览器中失效的~

[circlexia]

我刚在 iphone 5c 微信中试了下没有失效。
麻烦提供下在什么移动设备上什么浏览器中失效的~

在5.1.1 的android版本toolTip不显示，折线图也不能滑动

[blackak]

麻烦问您一下，安卓手机，更新vant版本后，手机就不能进行上下滑动，请问您有解决吗

[chhLt]

移动端不能滑动展示数据 这个有兼容吗

[xingjh0310]

slider模式在移动端滑动条点击无反应,请问该怎么解决呢?

[best-yuan]

我也遇见了这个问题，无法滑动页面

[blackak]

😂😂😂 我已经忘了当时怎么改的了 不好意思 从 Windows 版邮件发送 发件人: 写最骚的代码 发送时间: 2022年5月19日 0:32 收件人: apache/echarts 抄送: Liu James; Comment 主题: Re: [apache/echarts] 移动端页面滑动失效 (#5897) 我也遇见了这个问题，无法滑动页面 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[honghongzm]

dataZoom:{
type:'slider'}
这种情况下，当向左向右滑动滑块时会导致整个页面跟着左右滑动，请问这个怎么解决呢？求帮助