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

Abierto

#6,037 abierto el 23/11/2021 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

bug P3

Lenguaje dominante: JavaScript
Estrellas: 18.3k
Forks: 2k
Merge medio: 2 d 12 h
PR fusionados (30 d): 28

Descripción

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

Guía de contribución

Abrir la guía de contribución

Primeros pasos

Lee el issue completo y luego la guía de contribución del proyecto.
Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
Haz un fork del repositorio y trabaja en una rama.
Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Ejecuta la reproducción HTML integrada con el CDN de Plotly 2.6.3 y compara las trazas scatter y scattergl usando fill: "tozeroy". Investiga la ruta de renderizado WebGL detrás de scattergl; se considera terminado cuando el área rellenada alcanza y=0 y coincide con el resultado del scatter normal para los datos de onda sinusoidal proporcionados.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico: javascript
Área: data-visualization
Tipo de issue: Error
Dificultad: 3/5
Tiempo estimado: 1-2 días
Estado de actividad: Estancado
Claridad: Bastante claro
Aptitud para principiantes: 42/100