Incubator-echarts: scroll event may prevent after use inside dataZoom

Created on 11 Mar 2019  ·  17Comments  ·  Source: apache/incubator-echarts

Version

4.2.1-rc.3

Reproduction link

https://codepen.io/gfwer/pen/maJGNz

Steps to reproduce

  1. add an inside dataZoom(in this instance I set zoomOnMouseWheel:'shift')
  2. mouse hover in the chart grid and scroll the mouse

What is expected?

page scroll

What is actually happening?

scroll event may prevent , I can 't scroll page when I move mouse over the chart grid


en support community

Most helpful comment

This problem still seems to exist on 4.2.1 (but works fine on 4.1.0), I can't scrll page when the mouse hover in grid, here is my DataZoom option:

    {
        type: 'inside',
        zoomOnMouseWheel:'shift',
        preventDefaultMouseWheel: false
    }

A CodePen here

It seems event is stopped by eventTool.stop(e.event)

All 17 comments

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

Have a nice day! 🍵

It's a bad experience if the page will scroll when you do zooming on the chart. If you still want to, you can set http://echarts.apache.org/option.html#dataZoom-inside.preventDefaultMouseMove to false

@pissang I've set it in this instance

@pissang I've update the code codepen
even I set preventDefaultMouseMove to false,it still can 't scroll page

This problem still seems to exist on 4.2.1 (but works fine on 4.1.0), I can't scrll page when the mouse hover in grid, here is my DataZoom option:

    {
        type: 'inside',
        zoomOnMouseWheel:'shift',
        preventDefaultMouseWheel: false
    }

A CodePen here

It seems event is stopped by eventTool.stop(e.event)

@GFwer Has any solutions so far ?

@GFwer Has any solutions so far ?

No, I have to revert to the old version...

Is there any quick solution for this issue? It results in very very bad user experience!

I face also the same problem and preventDefaultMouseWheel: false didn't help.
Any Update ?

I tried the latest version of echarts(4.5), and the problem is still exist

Any workarounds?

We are having the same issue.

+1

+1

Any update ?

+1

+1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lwx466714769 picture lwx466714769  ·  63Comments

ghost picture ghost  ·  21Comments

lulu3976003 picture lulu3976003  ·  22Comments

chenxia123 picture chenxia123  ·  32Comments

sbokorna picture sbokorna  ·  32Comments