Mobile interactions wishlist

dy commented 7 years ago

[ ] pinch-zoom
[ ] hover/point points
[ ] rotate for 3d plots

alexcjohnson commented 7 years ago

[ ] It wasn't obvious to me how to change modebar modes - that you basically have to double-tap on a modebar icon to select a new mode. The first tap brings up the tooltip, and the second one selects the mode, but then the tooltip stays visible until you do something else. Could we change that to a single tap that selects the mode, brings up the tooltip, and then lets it fade after a few seconds?
[ ] Sporadically when zooming in via zoombox, the area outside the plot is still dimmed after the zoom finishes. Can't quite figure out how to reproduce this though...
[ ] It's tricky to find and use the single-axis and corner zoom draggers. Do we even want to support these?
[ ] In zoom or pan mode, double-tap to autorange?

g34g34 commented 7 years ago

Do we have plan to support pinch to zoom on mobile device?

eddy-oj commented 6 years ago

I am seconding all these behaviour points but I am struggling to work out how a user pans once zoomed in. Multi-touch support makes sense for this i.e. 2 fingers for panning

alexzaytsev-newsroomly commented 6 years ago

The most valuable from the last is the hover points feature, because on a crammed mobile screen it gives an opportunity to present more info about the graph

sharmavipul92 commented 6 years ago

I would love to have hover events working on 'click' for bar and line charts on mobile, like tooltip. It works just fine for pie and donut charts though.

vitexikora commented 6 years ago

Any progress on this? We just updated Plotly in our application and found out we crippled it for mobile users. Biggest problems are inability to scroll (on full-page charts) a inability to hover/click points in scatter charts.

fourgates commented 6 years ago

I would love to be able to click points (scatter plot) on mobile. What is the status of this ticket?

vitexikora commented 6 years ago

Is there any workaround (config, simple edit of plotly files, ...) other than downgrading to 1.28.3?

etpinard commented 6 years ago

@vitexikora I think you're referring to #1967 which will be in fixed in https://github.com/plotly/plotly.js/pull/2997

etpinard commented 6 years ago

From @alexcjohnson's https://github.com/plotly/plotly.js/issues/2639#issuecomment-389529292:

Even the pie has some behavior (on my phone anyway) that I wouldn't have expected: the first touch on a slice shows hover data and the second touch on that same slice makes a click event. @etpinard is that intentional? I guess I could imagine a rationale for that - otherwise there's no way to see the hover info without generating a click, which may be a stronger interaction than the user intended - but it still feels weird to me. Anyway, we should pick a behavior and have all trace/subplot types follow it.

which could be an interesting way to solve the hover vs click problem on touch in v2.

JNatael commented 5 years ago

It seems noteworthy to me that on a computer the scroll wheel is mapped to zoom on a 3d graph even when another tool (e.g. pan or move) is selected. Clearly in that case this is already useful; is there no way to map the pinch-to-zoom function in the same way the scroll wheel is on a computer? That would at least bring the mobile device usage up to parity with the computer one.

usser123 commented 4 years ago

I would like to request feature to be able to specify a chart style in CSS rather than in the graph itself. For example, tick label font, tick label font-size, padding for graph etc. Having this styling in the graph itself does not provide the flexibility to change these attributes for mobile devices. Having these styles moved to CSS from the current in-graph can enable media queries to be used for styling graphs for mobile devices.

jackparmer commented 4 years ago

This issue has been tagged with NEEDS SPON$OR

A community PR for this feature would certainly be welcome, but our experience is deeper features like this are difficult to complete without the Plotly maintainers leading the effort.

Sponsorship range: $35k-$40k

What Sponsorship includes:

Completion of this feature to the Sponsor's satisfaction, in a manner coherent with the rest of the Plotly.js library and API
Tests for this feature
Long-term support (continued support of this feature in the latest version of Plotly.js)
Documentation at plotly.com/javascript
Possibility of integrating this feature with Plotly Graphing Libraries (Python, R, F#, Julia, MATLAB, etc)
Possibility of integrating this feature with Dash
Feature announcement on community.plotly.com with shout out to Sponsor (or can remain anonymous)
Gratification of advancing the world's most downloaded, interactive scientific graphing libraries (>50M downloads across supported languages)

Please include the link to this issue when contacting us to discuss.

josephernest commented 1 year ago

Hi! Is there any update about these features?

Has "2-finger pinch zoom" feature an experimental support already? If so, I'd be willing to beta test it, and help.

josephernest commented 1 year ago

@alexcjohnson do you know if there is already a testing branch for very basic touchscreen interaction?

Example: "2-finger pinch zoom" to zoom the plot

josephernest commented 1 year ago

@jackparmer Do you know if the mobile interactions development has started? (at least pinch zoom on plots with 2 fingers)

Is there a roadmap? I can maybe have a look at the code too.

NickTominaga commented 1 year ago

I added tabletmode flag and touchstart event to fire plotly_click event on scatter3d plot for mobile devices. Works fine for my application.

https://github.com/plotly/plotly.js/pull/6563

However, the Jasmine tests failed and I'm not familiar with that so I have no idea for now...

plotly / plotly.js

Mobile interactions wishlist #1858