question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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:

image

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.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
mboudetcommented, Jan 24, 2020

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.

1reaction
mboudetcommented, Jan 23, 2020

On firefox (no error in the console) :

image

On chrome :

image

(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
Read more comments on GitHub >

github_iconTop Results From Across the Web

Plotly.js scattergl not showing graph itself
I use react-plotly.js, and the change from 'scatter' to 'scattergl' almost works. Everything is rendered fine except the markers itself.
Read more >
ScatterGL markers not displaying - Dash Python
As is, 4 of the scatter plots are missing the markers even though the hover data is still viewable. If I uncomment the...
Read more >
plotly.graph_objs.scattermapbox Module
cauto - Determines whether or not the color domain is computed with respect to the input data (here in `marker.color`) or the bounds...
Read more >
Visualization with Plotly.Express: Comprehensive guide
This function consumes a dataframe with your data df and the parameters of the chart. Some parameters are chart specific, but mostly you...
Read more >
plotly.js-gl2d-dist-min
Ready-to-use minified plotly.js gl2d distributed bundle. Contains trace modules heatmapgl , parcoords , pointcloud , scatter , scattergl and splom .
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found