Fügen Sie Grenzen in Handlung hinzu

Fügen Sie Grenzen in Handlung hinzu
In einigen Fällen müssen Sie möglicherweise einen Rand zu einer Handlungsfigur hinzufügen. Unabhängig davon, ob Sie ein bestimmtes Diagramm vom Rest oder nur für visuelle Verbesserungen unterscheiden möchten, kann Rand eine wichtige Rolle spielen.Leider bietet Plotly keine native Methode zum Hinzufügen eines Randes zu einer Figur wie zu einem Titel.

In diesem Tutorial zeigen wir Ihnen eine Anpassungsmethode, mit der Sie einen Rand um eine bestimmte Figur erstellen können.

Lass uns hineinspringen.

Handlungsformen

Die effizienteste Methode zum Erstellen eines Randes um eine bestimmte Figur ist die Verwendung der = Plotly -Formen aus dem Modul Plotly Graph_Objects.

Mit diesem Modul können wir Linien oder Polygone entweder als eigenständige Objekte oder als Eltern für die anderen Figuren erstellen.

Fühlen Sie sich frei, die Layouts in den folgenden Ressourcen in den Graph_Objects zu erkunden:

https: // plotly.com/python/referenz/layout/formes/

Lassen Sie uns sehen, wie wir diese Funktion verwenden können, um einen Rand zu erstellen.

Figur erstellen

Beginnen wir vor dem Erstellen eines Randes eine einfache Handlungsfigur, um die wir einen Rand hinzufügen möchten.

Für dieses Tutorial verwenden wir ein einfaches Zeilendiagramm, wie im folgenden Code gezeigt:

Handlung importieren.als px ausdrücken
# Plotly importieren.Graph_Objects as Go
df = px.Daten.gapminder ().Abfrage ("Continent == 'Oceania'")
Abb = Px.Linie (df, x = 'Jahr', y = 'gdppercap', color = 'land', symbol = 'land')
Feige.zeigen()

In dem angegebenen Beispiel verwenden wir das Plotly Express -Modul, um ein Liniendiagramm des BIP pro CAP im Laufe der Jahre der Länder auf dem Ozeanienkontinent zu erstellen.

Die resultierende Abbildung ist wie gezeigt:

Fügen Sie Grenze hinzu

Sobald wir die Figur haben, die wir verwenden möchten, können wir fortfahren und eine Grenze schaffen. Wie bereits erwähnt, verwenden wir das Shapes -Modell aus den Plotly Graph_Objects.

Der Code, der der Abbildung einen Rand hinzufügt, ist wie im Folgenden angegeben:

Handlung importieren.Graph_Objects as Go
Feige.update_layout (formes = [go.Layout.Form(
type = 'rect',
xref = 'Papier',
Yref = 'Papier',
x0 = 0,
y0 = -0.1,
x1 = 1.01,
y1 = 1.02,
line = 'width': 1, 'color': 'schwarz'
)]))

Im vorherigen Code importieren wir zunächst das Modul von Plotly Graph_Objects als Go.

Als nächstes verwenden wir die Funktion update_layout (), um das Layout der Abbildung mit den von uns angegebenen Werten und Funktionen anzupassen.

In der Funktion geben wir den Formparameter an, mit dem wir eine bestimmte Form um die Abbildung erstellen können.

Die Werte des GO.Layout.Mit Shape () können wir genau die Art von Form definieren und wo wir sie erstellen sollten.

Der erste ist der Typ, der den Typ der Abbildung angibt, den wir erstellen möchten. Sie können die Werte wie „Kreis“ angeben, um eine Kreisform, „Rechtek“ für Rechteck und mehr zu erstellen.

Der zweite Parameter ist X0, der den Startpunkt der Form der Form festlegt. X1 definiert die End -X -Position der Form der Form.

Für Y0 und Y1 definieren diese Parameter den Y -Startpunkt der Form und den y Endpunkt der Form.

Die XREF- und YREF -Parameter setzen die X- und Y -Koordinatenachse der Annotation.

Wenn Sie auf "Papier" eingestellt sind, bezieht sich die "Y" -Position auf den Abstand vom Boden des Aufenthaltsbereichs in normalisierten Koordinaten, wobei "0" ("1") dem Boden entspricht (oben).

Schließlich enthält der Linienparameter ein Wörterbuch, das die Regeln für die Erstellung der Form der Form definiert. Hier setzen wir die Linienbreite auf 1 und die Farbe auf schwarz.

Die resultierende Abbildung ist wie gezeigt:

Wie Sie sehen können, enthält die Abbildung einen Rand mit den angegebenen Parametern. Sie können die vorherigen Werte an die gewünschte bestimmte Randform und -größe anpassen.

Abschluss

Dieser Artikel beschreibt eine Methode zum Erstellen eines Randes um eine Handlungsperson unter Verwendung des Moduls Plotly Graph_Objects.

Danke fürs Lesen. Glückliche Codierung!!