Es ist daher ein unglaubliches Merkmal, in eine Handlung aufzunehmen. Eine Legende kann jedoch zu einer schlechten Sichtbarkeit führen, insbesondere auf kleineren Bildschirmen. Anstatt die Handlung zu verbergen, zeigen wir Ihnen, wie Sie die Legende in die Handlung bewegen können.
Lassen Sie uns ohne viel weiter zu zögern tauchen.
Erstellen Sie die Figur mit der Legende
Bevor wir uns mit der Verschiebung der Legende in die Handlung eintauchen können, lassen Sie uns eine einfache Figur mit der aktivierten Legende erstellen.
Zu diesem Zweck verwenden wir die GapMinder () -Daten, wie im folgenden Code gezeigt:
Handlung importieren.als px ausdrückenDas angegebene Beispiel verwendet ein einfaches Streudiagramm, um zu veranschaulichen, wie eine Legende in der Abbildung mithilfe der Funktion update_layout () aktiviert werden kann.
Der vorherige Code gibt ein Streudiagramm mit der Legende an der Seite des Grundstücks zurück, wie im Folgenden dargestellt:
Legendpositionierung der Handlung
Zum Glück haben Legenden in Plotly einen Ankerpunkt, mit dem wir die Positionierung der Legende anpassen können. Mit den Eigenschaften von Xanchor und Yanchor können wir die Koordinaten der Legende in wenigen Schritten angeben.
Wir können die Legende des vorherigen Diagramms an der oberen linken Ecke platzieren, wie im folgenden Code gezeigt:
Handlung importieren.als px ausdrückenPositionieren Sie in diesem Code die Legende mithilfe der Parameter Xanchor- und Yanchor -Eigenschaften des Legend -Parameters. Wir geben auch die Platzierung des Diagramms relativ zu den Rändern des Diagramms anhand der X- und Y -Eigenschaften an.
Hinweis: Die Werte der X- und Y -Eigenschaften müssen zwischen 0 und 1 liegen.
Der vorherige Code gibt die folgende Abbildung zurück:
Und da hast du es. Die Legende befindet sich innerhalb des Grundstücks.
Handlungsposition oben rechts
Wir können die Legende auch oben rechts in der Handlungsecke des Diagramms platzieren, indem wir die X- und Y -Werte festlegen, wie im Folgenden gezeigt:
Feige.update_layout (ShowLegend = true,Beachten Sie, dass wir in diesem Fall die Xanchor- und Yanchor -Parameter nicht verwenden.
Die resultierende Abbildung lautet wie folgt:
Horizontale Platzierung der Handlung
Wir können die Legende auch horizontal platzieren, indem wir den Orientierungsparameter angeben. Ein Beispielcode ist wie im Folgenden dargestellt:
Feige.update_layout (ShowLegend = true,Der vorherige Code gibt die Abbildung wie in Folgendes gezeigt zurück:
Geben Sie die Legende in der Abbildung in eine horizontale Ausrichtung an, geben Sie den Yanchor = "Top" an.
Abschluss
In diesem Artikel haben Sie erfahren. Danke fürs Lesen. Glückliche Codierung!!