plotly / plotly/react-plotly.js

How can I hide traces from multiple charts at once?

Offen
#221 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
4

Beschreibung

I know that I can set the visibility of the trace on the chart by the visible property but this only affects the chart that I clicked on. On a page with multiple charts using similarly named traces, how can I toggle the visibility of all the similarly named traces at the same time?

Here was my attempt but this didn't have any affect and only toggled the chart I clicked.

let updatedChartingData = [...this.state.chartingData];
        for (let chart of updatedData) {
            for (let i = 0; i < chart.tickerEntities.length; i++) {
                let trace = chart.tickerEntities[i];
                if (trace.name === trace_name) {
                    if (!trace.visible) {
                        trace.visible = "legendonly";
                    }
                    else if ((typeof trace.visible) === "string") {
                        trace.visible = true;
                    }
                    else {
                        trace.visible = "legendonly";                         
                    }

                }
            }
        }

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

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

Es ist keine Repository-Datei und kein Test angegeben. Beginne damit nachzuverfolgen, wie chartingData und die visible-Eigenschaft jedes Traces an die React-Charts übergeben werden; dafür wäre eine klare, unterstützte Möglichkeit erforderlich, die Sichtbarkeit gleichnamiger Traces über mehrere Charts hinweg zu synchronisieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
data-visualization, frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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