Plotly.js: Mobile interactions wishlist

[dy]

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

[alexcjohnson]

• [ ] 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]

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

[eddy-oj]

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]

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]

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]

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]

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

[vitexikora]

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

[etpinard]

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

[etpinard]

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]

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]

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]

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.