Scattergl doesn't fill to zero y (`tozeroy`) properly

Aperta

#6,037 aperta il 23/11/2021 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

bug P3

Lingua principale: JavaScript
Stelle: 18.3k
Fork: 2k
Merge medio: 2g 12h
PR unite (30g): 28

Descrizione

scatter works fine, but scattergl fills in a wrong way.

a simple demo:

<html>
<head>
    <meta charset="utf-8"/>
    <script src="https://cdn.plot.ly/plotly-2.6.3.min.js"></script>
    <title>plotly tozeroy bug</title>
</head>
<body>
<div>
    <div id="823f03ed-bb11-463b-94a1-dc14225efe68" class="plotly-graph-div" style="height:100%; width:100%;"></div>
    <script type="text/javascript">

        // prepare data
        const x = [];
        const y = [];
        for (let i = -20; i < 20; i += 0.01) {
            x.push(i);
            y.push(Math.sin(i));
        }

        // plot to div
        Plotly.newPlot("823f03ed-bb11-463b-94a1-dc14225efe68",
            [
                {
                    "type": "scatter",
                    "x": x,
                    "y": y,
                    "xaxis": "x",
                    "yaxis": "y",
                    "fill": "tozeroy"
                },
                {
                    "type": "scattergl",
                    "x": x,
                    "y": y,
                    "xaxis": "x2",
                    "yaxis": "y2",
                    "fill": "tozeroy"
                }
            ],
            {
                "xaxis": {"anchor": "y", "domain": [0.0, 1.0]},
                "yaxis": {"anchor": "x", "domain": [0.575, 1.0]},
                "xaxis2": {"anchor": "y2", "domain": [0.0, 1.0]},
                "yaxis2": {"anchor": "x2", "domain": [0.0, 0.425]},
                "title": {"text": "Scatter vs. Scattergl, fill tozeroy"}
            }
        );
    </script>
</div>
</body>
</html>

output:
scatter-tozeroy-bug

Guida per i contributori

Apri la guida per i contributori

Come iniziare

Leggi tutta la issue e poi la guida ai contributi del progetto.
Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
Fai un fork del repository e lavora su un branch.
Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Esegui la riproduzione HTML incorporata con il CDN Plotly 2.6.3 e confronta le tracce scatter e scattergl usando fill: "tozeroy". Analizza il percorso di rendering WebGL alla base di scattergl; il lavoro è completato quando l'area riempita raggiunge y=0 e corrisponde al risultato dello scatter normale per i dati dell'onda sinusoidale forniti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico: javascript
Ambito: data-visualization
Tipo di issue: Bug
Difficoltà: 3/5
Tempo stimato: 1-2 giorni
Stato di attività: Ferma
Chiarezza: Abbastanza chiara
Idoneità per principianti: 42/100