apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
59.78k stars 19.58k forks source link

Touch controls do not work on Windows devices #12166

Open JaspervanRiet opened 4 years ago

JaspervanRiet commented 4 years ago

Version

4.6.0

Steps to reproduce

Have a chart (in our case a line chart) with an inside datazoom. Pinch to zoom will now work on mobile devices, but not on e.g. laptops with touchscreens.

What is expected?

Windows devices with touchscreens are expected to work just like mobile devices.

What is actually happening?

Touch events are being intercepted by the browser. If this is explicitly disabled using e.g. touch-action in CSS, nothing happens.


We have a large touch screen we want to show our charts on. This uses Windows. This lacking functionality means we cannot do that.

echarts-bot[bot] commented 4 years ago

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.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

echarts-bot[bot] commented 4 years ago

@JaspervanRiet Please provide a demo for the issue either with https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html.

JaspervanRiet commented 4 years ago

I find it sort of weird to ask for a demo for this, since it's the case for all of ECharts. Nonetheless:

Take any example for ECharts, e.g. this official one: https://echarts.apache.org/examples/en/editor.html?c=area-simple

This will support touch controls on phones. On Windows devices, it will behave like this: https://streamable.com/n0vqc

Ovilia commented 4 years ago

This is probably a bug fixed in 4.6.0. Have you tried 4.6.0?

JaspervanRiet commented 4 years ago

This is probably a bug fixed in 4.6.0. Have you tried 4.6.0?

As the original post says, this is on 4.6.0.

Ovilia commented 4 years ago

@JaspervanRiet What windows device are you using?

JaspervanRiet commented 4 years ago

This was a ThinkPad 480s but we've tested this on a good number of Windows devices

komorebi-san commented 4 years ago

I have tried the same for

Ubuntu 18.04 Echarts version 4.6. Chrome Version 84.0.4147.89

I face the same issue as well.

Here is a simple gif demonstrating it.

ZoomIssue

@JaspervanRiet How did you solve the issue?

JaspervanRiet commented 4 years ago

@komorebi-san We have not solved the issue, we are still waiting.

carl-221b commented 3 years ago

I am having this same issue, has there been a solution yet ?

carl-221b commented 3 years ago

This seems to work i don't know if there are any major downsides to doing this though

elnipa commented 4 months ago

Experiencing the same problem. Any update on this here?

taylorfullstack commented 3 weeks ago

I have the same issue, touch events are not working on my Windows Samsung Notebook 9 pro touch screen unless I do import zRenderEnv from 'zrender/lib/core/env'; zRenderEnv.touchEventsSupported = true;