Scattergl not rendering markers (but hovering works) depending on users

[mboudet]

Hello,

(I am aware similar issues have already been reported (#3751 for instance), but my own issue does not seems linked to the number of points nor a browser version)

I am currently using a scattergl plot with markers on my website, and some users have reported an issue with the graph not actually showing up, despite the markers being hoverable (only on firefox, not chrome).
Using 'lines' instead of markers do work.

Same issue occurs on the example page for scatterGl:

I have tested with two computers with different OSes:

1. Windows 7 -> The graph shows up in IE11, but not in chrome(79.0.3945) or firefox(72.0.2).
2. Windows 10 -> The graph shows up in all three browsers (same versions)

But the issue seems to be unrelated to the OS, as users with Debian9 or Windows 10 also reported the issue.

There are no warnings nor errors in the firefox console. In the chrome console, there is this error:

    Uncaught TypeError: Cannot read property 'regl' of null
    at new y (plotly-latest.min.js:7)
    at e.exports (plotly-latest.min.js:7)
    at Object.e.exports [as plot] (plotly-latest.min.js:7)
    at d (plotly-latest.min.js:7)
    at Object.r.plot (plotly-latest.min.js:7)
    at r.drawData (plotly-latest.min.js:7)
    at Object.l.syncOrAsync (plotly-latest.min.js:7)
    at Object.r.plot (plotly-latest.min.js:7)
    at Object.r.newPlot (plotly-latest.min.js:7)
    at Object.success (studies_graph.js:226)

Though it might be an effect of the issue instead of the cause (it seems to pop up when resizing the graph)

Any idea of what could be the cause of this issue?

Since the issue persisted through a format and OS-reinstall, it might be an hardware issue.

[archmoj]

I was not able to replicate the issue.
@mboudet could you please share a minimal codepen illustrating the bug?

[mboudet]

It's not easy since I cannot actually see the plot, but I think this should work?

https://codepen.io/mboudet/pen/LYEqrdj

Changing markers to lines makes it show up:

(Since it is user-dependent (or hardware-dependend?), it might very well show up for you..)

[archmoj]

@mboudet thanks for the codepen.
Still I was not able to replicate the issue using various OS+browsers.
Could you please try this demo using 1.52.1 version and post any errors you may get?

[mboudet]

On firefox (no error in the console) :

On chrome :

(Nothing shows up, not even tooltips)
There is an error in the console :

Uncaught TypeError: Cannot read property 'regl' of null
    at new Scatter (plotly-1.52.1.js:68104)
    at reglScatter2d (plotly-1.52.1.js:68953)
    at Object.plot (plotly-1.52.1.js:189704)
    at plotOne (plotly-1.52.1.js:125265)
    at Object.exports.plot (plotly-1.52.1.js:125188)
    at exports.drawData (plotly-1.52.1.js:117299)
    at Object.lib.syncOrAsync (plotly-1.52.1.js:106412)
    at Object.plot (plotly-1.52.1.js:111889)
    at Object.newPlot (plotly-1.52.1.js:112159)
    at cdpn.io/MojtabaSamimi/fullpage/pen.js:46

[mboudet]

Hello,
After some more tests, it is definitly hardware-related.
Seems like my GPU (Quadro FX 580 (10-years old gpu)) has trouble with ANGLE rendering

Just in case someone has the same issue, I managed to make the graph show up in firefox by setting

• webgl.disable-angle=True

and by launching Chrome with --use-angle=gl (no further changes needed)

This force the browser to use opengl instead of angle.
Since it's hardware-related, this ticket can be safely closed I think.

[LeonidKokhnovich]

Hi! I see the same issue on the Mac OS. I wonder if there would be an option to change graphics rendering method to avoid this issue?

[LeonidKokhnovich]

Hi! Just following up on this. It looks like the proposed fix from above #4511 (comment) doesn't address the rendering of the markers. I can provide a sample HTML page with scatter gl used that has incorrect rendering in DM. Is there a chance to re-open this ticket, please? Thanks!

[alexcjohnson]

@LeonidKokhnovich are the markers missing in https://plotly.com/javascript/webgl-vs-svg/ ? Or can you provide a codepen that renders incorrectly for you? And what can you tell us about your hardware, OS, and browser? If we have a clear reproduction we can certainly reopen.

[danielsnider-aws]

I have a similar issue.

My "scattergl" traces do not render but I can hover them when I have roughly more than 500 traces of this type (not sure if all settings here are relevant):

type: 'scattergl',
mode: 'lines+text',

The chrome with --use-angle=gl isn't helping for me.

Workaround: Fixed when I make sure 'lines+text' traces are the first traces in my plotData array.