plotly / plotly/plotly.js

Scatter3D marker flickering/clipping while rotating the plot

Offen
#6,505 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug P3
Vorherrschende Sprache
JavaScript
Sterne
18.3k
Forks
2k
Ø Merge
2 T. 12 Std.
Gemergte PRs (30 T.)
28

Beschreibung

I'm noticing significant flicking/marker clipping while rotating a Scatter3D plot with the mouse.

The code below is a modified form of the example at https://plotly.com/python/3d-scatter-plots/. Note taht the opacity is set to 1.0. As I move around in the plot I see significant clipping/flickering of the markers, particularly when looking along the z-axis. If I change the opacity to 0.8 (like in the example) the flickering goes away. Any opacity other than 1.0 works fine. If you don't specify an opacity property the flickering is present (which is how I found this). I'm using plotly 5.11.0, viewing it in Chrome 107.0.5304.107.

import plotly.graph_objects as go
import numpy as np
import pandas as pd

# Helix equation
t = np.linspace(0, 20, 100)
x, y, z = np.cos(t), np.sin(t), t

z2 = pd.to_datetime('1 Jan 2022') + pd.to_timedelta(t, 'h')

fig = go.Figure(data=[go.Scatter3d(
    x=x,
    y=y,
    z=z2,
    mode='markers',
    marker=dict(
        size=12,
        color=z,                # set color to an array/list of desired values
        colorscale='Viridis',   # choose a colorscale
        opacity=1.0
    )
)])

# tight layout
fig.update_layout(margin=dict(l=0, r=0, b=0, t=0))
fig.show()

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere das bereitgestellte Scatter3d-Beispiel mit plotly 5.11.0 in Chrome 107, indem du den Plot mit einer Marker-Opazität von 1.0 und anschließend von weniger als 1.0 drehst. Vergleiche das Rendering-Verhalten, insbesondere bei der Ansicht entlang der z-Achse; abgeschlossen ist die Aufgabe, wenn opake Marker während der Drehung nicht mehr flackern oder abgeschnitten werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, python
Bereich
data-visualization, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.