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

Ouverte

#6,037 ouverte le 23/11/2021 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug P3

Langage dominant: JavaScript
Étoiles: 18.3k
Forks: 2k
Merge moyen: 2 j 12 h
PR mergées (30 j): 28

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

Lisez l'issue en entier, puis le guide de contribution du projet.
Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
Forkez le dépôt et travaillez sur une branche.
Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Exécutez la reproduction HTML intégrée avec le CDN Plotly 2.6.3 et comparez les traces scatter et scattergl en utilisant fill: "tozeroy". Étudiez le chemin de rendu WebGL derrière scattergl ; le travail est terminé lorsque la zone remplie atteint y=0 et correspond au résultat du scatter régulier pour les données d’onde sinusoïdale fournies.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique: javascript
Domaine: data-visualization
Type d'issue: Bug
Difficulté: 3/5
Temps estimé: 1-2 jours
Activité: À l'abandon
Clarté: Plutôt claire
Accessibilité débutants: 42/100