plotly / plotly/plotly.js

Restyle function breaks "scatter" traces at the "h" orientation

Offen
#6,082 3 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

If you set the orientation: 'h' to restyle (or update) function, then the "scatter" traces somehow shift relative to each other.

Not reproduce for "bar" traces.

Excemple on codepen:

var x = [1, 2, 3, 4, 5],
    y = [0, 1, 2, 3, 4];

var traceCommon = {
    //type: 'bar',
    type: 'scatter',
    orientation: "h",
    stackgroup: "s",
    mode: 'lines+markers',
    x: x,
    y: y
};

var trace1 = {
    ...traceCommon,
    //y: [0, 1, 2, 3, 4],
    //x: [1, 5, 3, 7, 5]
};

var trace2 = {
    ...traceCommon,
    //y: [1, 2, 3, 4, 5],
    //x: [4, 0, 4, 6, 8],
};

Plotly.newPlot('myDiv', [trace1, trace2], { title: { text: "OK" } });

setTimeout(() => {

    Plotly.update('myDiv', {
        x: [x, x],
        y: [y, y],
        orientation: ["h", "h"]
    }, {
        title: { text: "ERROR" }
    }, [0, 1]);

}, 1500);

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 CodePen-Beispiel mit Plotly.update mit zwei horizontalen scatter traces und vergleiche es mit der auskommentierten bar-trace-Variante. Beginne bei den Plotly.update/restyle-Einstiegspunkten und verfolge, wie orientation und stackgroup für scatter traces neu berechnet werden. Als erledigt gilt die Aufgabe, wenn das Aktualisieren beider traces sie relativ zueinander nicht mehr verschiebt und gleichzeitig das bar-Verhalten erhalten bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
data-visualization
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.