[GitHub] [echarts] Gaks327 commented on issue #17129: [Bug]移动端 dataZoom-slider移动滑块与整体页面滑动冲突

[GitBox <gi...@apache.org>]

Gaks327 commented on issue #17129:
URL: https://github.com/apache/echarts/issues/17129#issuecomment-1150740589

   https://user-images.githubusercontent.com/52275843/172783248-fb05af49-27d4-4011-b5e8-0991bd5479f0.mp4
   
   
   let option = {
                       tooltip: {
                           trigger: 'item',
                           formatter: '{b} <br/>数量：{c}'
                       },
                       grid: {
                           x: 60,  //
                           y: 20,  //
                           x2: 40, //
                           y2: 150  //
                       },
                       xAxis: {
                           name: '数量',
                           nameTextStyle: {      
                               padding: [0, 0, 0, 0],
                           },
                           type: 'category',
                           data: xData,
                           splitArea: true,
                           axisLine: {
                               lineStyle: {
                                   color: '#D5F7FF',
                                   width: 1,
                               }
                           },
                           axisLabel: {
                               interval: 0,
                               textStyle: {
                                   color: '#D5F7FF',
                               },
                               formatter: function (value) {
                                   return value.split("").join("\n");
                               }
                           },
                       },
                       yAxis: {
                           type: 'value',
                           axisLabel: {
                               textStyle: {
                                   color: '#D5F7FF',
                               },
                           },
                           axisLine: {
                               lineStyle: {
                                   color: '#D5F7FF',
                                   width: 1,
                               }
                           },
                       },
                       dataZoom : [
                           {
                               type: 'slider',
                               xAxisIndex: [0],
                               filterMode: 'filter',
                               show: true,
                               start: 1,
                               end: 10,
                           }
                       ],
                       series: [{
                           data: yData,
                           type: 'bar',
                           itemStyle: {normal: {color: '#01DFC6'}}
                       }]
                   };
                   
   Same problem as above
   
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org