plotly / plotly.js

Open-source JavaScript charting library behind Plotly and Dash
https://plotly.com/javascript/
MIT License
16.81k stars 1.85k forks source link

3D Scatter Plot marker->line->width attribute appears to be broken on some hardware #3796

Open islanddove opened 5 years ago

islanddove commented 5 years ago

Working with 3D scatter plots, I discovered that changing the marker line width attribute doesn't seem to do anything. It always is sticking with the default value of one pixel when being rendered.

The only other reference to this bug that I could find is this.

This bug is easily reproduced with this jsfiddle: https://jsfiddle.net/dolsen1993/oczLs7qj/

archmoj commented 5 years ago

@islanddove you may enable the line width in scatter3d by putting line container in the trace container not marker container. Here is an example.

etpinard commented 5 years ago

@islanddove if what you're repoting is indeed similar to https://community.plot.ly/t/scatter-3d-marker-line-width-only-affects-to-legend/14378 which appears hardward-dependent - would you mind sharing a screenshot of what you're seeing? Thanks!

etpinard commented 5 years ago

... oh and @islanddove could you please tell which browser and OS you're using? Thanks very much!

islanddove commented 5 years ago

@islanddove you may enable the line width in scatter3d by putting line container in the trace container not marker container. Here is an example.

I am concerned with the line around the markers themselves, not the lines connecting them. I apologize if my wording was misleading.

... oh and @islanddove could you please tell which browser and OS you're using? Thanks very much!

Originally discovered using Chrome on Windows 7. On chrome on macOS Mojave, my jsfiddle is still showing the same behavior.

archmoj commented 5 years ago

Likely related to gl.lineWidth which is no longer supported on all browsers.

nicolaskruchten commented 5 years ago

Is this working on any hardware in the office @archmoj @etpinard ? Not working here on a 2015 MacBook pro.

archmoj commented 5 years ago

@nicolaskruchten The gl.lineWidth draws work on my machine running Ubuntu. But yes one should rewrite parts of 3d modules to make sure webgl lines with thickness render everywhere.

pduchesne commented 5 years ago

I confirm having that erroneous behaviour on OSX High Sierra, with both Chrome and Firefox (latests versions)

VHchavez commented 4 years ago

Hello, I have this problem in Windows WSL while running on a Jupyter Notebook on Chrome (plotly 4.4.1), any update/suggestions? Thanks!

jackparmer commented 3 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.

What Sponsorship includes:

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

caseymeiz commented 1 year ago

If anyone comes along this and needs a hack before this is fixed.

Duplicate the markers and set their size slightly larger (this will be your border) and turn off the legend for this extra marker.

Eg. https://jsfiddle.net/caseymeisenzahl/fke63xy0/10/