No way to bring up ECharts-GL tooltip on mobile device

General Questions

Issue Type

• I have a question to ask about how to use ECharts to …；我想提问如何使用 ECharts 实现某功能
• I have a bug to report；我想要报 bug
• [x ] Since tooltip comes up via a mouse hover event, there’s no way to bring up tooltip on a ECharts-GL chart in a mobile device.Please enhance ECharts-GL extension so that a long press triggers the tooltip, followed by tracking the user touch.
• I have a feature to enhance, e.g.: The current feature should be improved in the way that …；我希望改进某个功能
• There’s something wrong with the documents；文档有些问题
• Others, or I’m not sure which issue types to choose here；其他，或我不知道应该选什么类型

Issue Details

There’s currently no way to bring up a tooltip for a 3D chart using ECharts-GL extension on a mobile device.

Expected Behavior

I expect that a 3D chart’s tooltip can be shown on a mobile device. Currently there’s no way to do that, since the tooltip is triggered by a mouse hover event, which doesn’t exist on a mobile device such as an iPhone or iPad.

Also I expect it to work the way other chart packages tooltips work on mobile, first you do a long touch, which triggers the tooltip to come up and then while keeping your finger down move it around and have the tooltip follow the touch. This is absolutely needed for a mobile device.

You have a workaround for your 2D charts, please come up with one for your 3D charts.

Current Behavior

For a 3D chart on an iPhone or iPad, touch events are only used for rotating or zooming on the device. If I try to check what a particular point is on a surface or 3D bar chart, there’s no way to trigger the tooltip. This makes your 3D charts not very useful on mobile.

Online Example

Just bring up any of the ECharts-GL 3D demo charts on an iPhone, iPad or Android device and try to bring up a tooltip. You cannot! Try this one on an iPhone or iPad: https://ecomfe.github.io/echarts-examples/public/editor.html?c=simple-surface&gl=1

Topics

Anything Else We Need to Know

Environment

• ECharts GL - all versions

• It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

[SalCat]

Any estimates as to when this will be available?

Thank you.

[uozanyildiz]

Exactly which line should be commented out in that file? That wasn’t clear … Sent from my iPad On Apr 20, 2021, at 4:26 AM, 7cat @.***> wrote:  @SalCat @javadrajabi Actually you can comment this line code HandlerProxy.ts to support touchable device handle mouse events. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

You can comment out line 4319 in https://github.com/apache/echarts/blob/master/dist/echarts.js. I don’t know the exact line for minified version, but I think you can minify after commenting out.