Hypertext Markup -Sprache oder HTML -Dokumente sind Markup -Dokumente, mit denen Sie Informationen im World Wide Web anzeigen können. Wenn Sie eine bestimmte Website anzeigen, verwenden Sie ein HTML -Dokument.
Es ist daher keine Überraschung, dass Sie möglicherweise eine bestimmte Handlung in eine HTML -Zeichenfolge umwandeln müssen.
In diesem Tutorial lernen wir, wie Sie das Plotly -IO -Modul verwenden, um eine Figur in eine HTML -String -Darstellung umzuwandeln.
Lassen Sie uns eintauchen.
Handlung.io.to_html () Funktion
Mit der Funktion to_html () aus dem IO -Modul von Plotly können Sie eine bestimmte Figur als Parameter übergeben und in eine HTML -Zeichenfolge umwandeln.
Die Funktionssyntax wird wie unten gezeigt ausgedrückt:
Handlung.io.to_html (Abb, config = none, auto_play = true, include_plotlyjs = true, include_mathjax = false, post_script = none, full_html = true, Animation_Opts = Keine, default_width = '100%', Default_Height = '100%', validate = true, wahr, wahr, wahr, wahr, wahr, wahr, wahr, wahr, wahr, wahr, true, true, true, true, true, true. div_id = keine)
Lassen Sie uns unten die Funktionsparameter untersuchen:
- Abb. - Bezieht sich auf das Figurenobjekt oder die Wörterbuchdarstellung der Abbildung.
- Config - Gibt den Plotly an.JS -Konfigurationsoptionen. Übergeben Sie die Konfigurationsoptionen als Wörterbuch.
- Auto_play - Bestimmt, ob die Animationssequenz automatisch auf der Seite geladen werden soll. Dieser Parameter ist nützlich, wenn Sie eine Figur mit animierten Frames haben.
- Include_plotlyjs - Dieser Parameter gibt an, wie die Plotly.Die JS -Bibliothek ist in der HTML enthalten. Zu den akzeptierten Werten in diesem Parameter gehören:
- Wahr - enthält die Handlung.JS -Bibliothek als Skript -Tag im HTML -Dokument. Dadurch wird die Dateigröße erhöht, ermöglicht jedoch, dass die Datei in Offline -Umgebungen verwendet werden kann.
- 'CDN' - Das Einstellen des Parameters include_plotlyjs zu 'CDN' fügt ein Skript -Tag hinzu, das auf einen Remote -Link für das Handlung zeigt.JS -Bibliothek. Verwenden Sie diese Option, wenn Sie in einer vernetzten Umgebung oder in einer dateigrößenempfindlichen Umgebung in einer vernetzten Umgebung sind.
- 'Verzeichnis' - enthält ein Skript -Tag, das auf eine externe Handlung hinweist.Mindest.JS -Bundle im selben Verzeichnis wie das HTML -Dokument.
- 'Erfordernst' - Wenn Sie den zu fordern.JS -Bibliothek mit Bedarf.JS. Stellen Sie sicher, dass dies erforderlich ist.JS ist weltweit auf dem System installiert und erhältlich.
- 'False' - schließt die Handlung nicht ein.JS -Bibliothek. Vermeiden Sie diesen Wert, wenn Sie den Parameter full_html auf true einstellen, da er das gesamte Dokument unbrauchbar macht.
- Include_mathjax - Gibt an, ob die Datei den Mathjax enthalten soll.JS -Bibliothek. Akzeptierte Werte sind ähnlich wie include_plotlyjs mit Ausnahme des "Erforderungswerts".
- Post_script - Ermöglicht Ihnen Javascript -Snippets, die nach der Erstellung der Handlung ausgeführt werden.
- Full_html - Wenn true, gibt die Funktion eine Zeichenfolge zurück, die das gesamte HTML -Dokument enthält, beginnend mit den Tags. Wenn falsch, gibt die Funktion eine HTML -Zeichenfolge zurück, beginnend mit dem Element.
- Animation_Opts - Ermöglichen Sie, benutzerdefinierte Animationseigenschaften als Wörterbuch anzugeben. Diese Werte werden dann an die Handlung übergeben.Animierung der Funktion in Handlung.JS.
- Default_width - Gibt die Standardbreite der resultierenden Abbildung in Pixel an.
- Default_height - Gibt die Standardhöhe der Abbildung in Pixel an.
- Validieren - Bestimmt, ob die Abbildung validiert werden sollte, bevor Sie in eine HTML -Zeichenfolge konvertiert werden.
- Div_id - Gibt einen Wert des ID -Attributs des Div -Tags an, in dem sich das Diagramm befindet.
Dann gibt die Funktion eine String -Darstellung der Abbildung als Zeichenfolge zurück.
Beispiel Verwendung
Der folgende Code zeigt, wie die Funktion TO_HTML verwendet wird, um eine Figur in eine HTML -String -Darstellung umzuwandeln.
Handlung importieren.als px ausdrücken
df = px.Daten.Aktien (indexiert = true)
Abb = Px.Bereich (DF, facet_col = 'Company', facet_col_wrap = 2)
Feige.zeigen()
Im obigen Beispiel beginnen wir zunächst das Plotly Express -Modul als PX importieren. Anschließend erstellen wir einen Datenrahmen mit den Aktiendaten von Plotly.
Schließlich erstellen wir mit dem PX ein facettiertes Gebietsdiagramm.Flächenfunktion. Dies sollte eine Zahl wie unten gezeigt zurückgeben:
Wir können die obige Abbildung in eine HTML -String -Darstellung umwandeln, wie im folgenden Code gezeigt:
Handlung importieren.io als io
io.to_html (Abb, full_html = false)
Das Ausführen des obigen Codes sollte eine massive HTML -Zeichenfolge zurückgeben, wie im folgenden Screenshot gezeigt:
Beachten Sie, dass das HTML -Dokument im Element beginnt. Wenn Sie die gesamte HTML -Datei einfügen möchten, setzen Sie den Parameter full_html = true wie gezeigt:
Handlung importieren.io als io
io.to_html (Abb, full_html = true)
Beachten Sie, dass das Markup am Tag beginnt.
Plotly einschließen.JS, wir können den Parameter als:
Handlung importieren.io als io
io.to_html (Abb, include_plotlyjs = 'cdn', full_html = true)
Im obigen Beispiel geben wir die Funktion an, die Handlung einzuschließen.JS -Bibliothek über einen CDN -Link.
Wir können dies aus der folgenden Ausgabe überprüfen:
Die beste Möglichkeit, das Dokument to_html zu verwenden, besteht darin, die HTML -Zeichenfolge in eine HTML -Datei zu exportieren.
Wir können dies tun, indem wir einen einfachen Code wie unten gezeigt ausführen:
Handlung importieren.io als io
mit offen (facettiert.html ',' w ') als f:
F.WriteLines (io.to_html (Abb, include_plotlyjs = 'CND', full_html = true)))
In diesem Beispiel verwenden wir das Dateimodul in Python, um die HTML -Zeichenfolge als HTML -Datei zu schreiben.
Wir können dann das HTML -Dokument im Browser öffnen und die Abbildung wie gezeigt anzeigen:
Abschluss
Herzlichen Glückwunsch, Sie haben Ihre Handlungsfigur erfolgreich als HTML -Zeichenfolge mithilfe der Handlung exportiert.io.to_html Funktion.