Spiski.io.zapis_html

„Dokumenty HTML nie są niczym nowym. To jest to, co zasiada w Internecie i wszystkich witrynach, które odwiedzamy. Dlatego natkniesz się na przypadki, w których musisz wyeksportować figurkę do dokumentu HTML. Następnie możesz udostępnić ten dokument lub przesłać go na serwer WWW jako strona statyczna."

W tym artykule zbadamy, w jaki sposób możemy użyć funkcji to_html z modułu Plotly IO, aby wyeksportować figurę do ciągu HTML.

Składnia funkcji i lista parametrów

Funkcja ma stosunkowo prostą składnię, jak pokazano poniżej:

spiski.io.to_html (ryc, config = none, auto_play = true, include_plotlyJS = true, include_mathjax = false, post_script = none, full_html = true, animation_opts = brak, default_width = '100%', default_height = '100%', valiate = true, true, div_id = brak)

Parametry:

1. Rysunek - Określa figurę do konwersji na ciąg HTML.
2. Config - definiuje plotly.Opcje konfiguracji JS.
3. auto_play - Określa, czy animacja figury, jeśli istnieje, powinna automatycznie rozpocząć się po ładowaniu strony.
4. obejmuje_plotlyjs - definiuje metodę, w której spisku.Biblioteka JS jest zawarta w pliku HTML. Zaakceptowane opcje obejmują:
   1. Prawda - fabuła.JS jest zawarty jako znacznik skryptu zawierający kod źródłowy dla fabuły.Biblioteka JS. Może to prowadzić do korzystania z plików offline, ale prowadzi do dużego rozmiaru pliku.
   2. „CDN” - ta opcja zawiera plotly.Biblioteka JS jako znacznik skryptu, który odwołuje się do linku CDN.
   3. „Directory” - jeśli zostanie ustawiony na katalog, funkcja będzie zawierać plotly.Biblioteka JS jako zewnętrzna plotly.min.pakiet JS przechowywany w tym samym katalogu co plik HTML.
   4. „Wymagaj” - jeśli jest ustawiony na wymaganie, spiskuj.JS jest ładowany za pomocą wymagań.JS.
   5. FAŁSZ - ROZWIĄZANIE.JS nie jest zawarty w pliku HTML.
5. include_mathjax - określa, w jaki sposób Mathjax.Biblioteka JS jest uwzględniona. Zaakceptowane opcje są podobne do dzielnicy.Biblioteka JS.
6. Post_script - Określa fragmenty JavaScript zawarte w Div po utworzeniu fabuły.
7. Full_html - Ustawia, jeśli funkcja powinna przekonwertować figurę na cały dokument HTML, zaczynając od znaczników lub częściowego ciągu HTML, zaczynając od elementu.
8. Waliduj - określa, czy liczba powinna zostać zatwierdzona przed konwersją na HTML.

Następnie funkcja zwróci ciąg HTML reprezentujący określony rysunek.

Utwórz przykładowy rysunek

Zanim dowiemy się, jak przekonwertować figurę na ciąg HTML, pozwól nam użyć przykładowych danych.

W tym samouczku użyjemy prostej liczby Sunburst, jak pokazano w poniższym kodzie:

importować fabuły.Wyraź jako PX
Data = DICT (
distros = [„debian”, „centos”, „fedora”, „Red Hat Linux”, „opensuse”, „Qubes”, „Suse Studio”, „Ubuntu”, „Kubuntu”, „Xubuntu”],
rodzice = [”,„ Red Hat Linux ”,„ Red Hat Linux ”,„, „Red Hat Linux”, „Fedora”, „Opensuse”, „Debian”, „Ubuntu”, „Ubuntu”]
)
Ryc. = PX.SUNBURST (Data, Names = „Distros”, rodzice = „rodzice”, color = „distros”)
Figa.pokazywać()

Kod powyżej powinien zwrócić liczbę, jak pokazano:

Eksportuj rysunek jako ciąg HTML

Aby wyeksportować powyższy rysunek jako statyczny ciąg HTML, możemy uruchomić kod, jak pokazano:

importować fabuły.IO jako IO
io.to_html (ryc, w calive_plotlyjs = 'cdn')

Kod powyżej zwróci ciąg HTML reprezentujący powyższy wykres Sunburst. Należy pamiętać, że ciąg HTML będzie zawierać plotly.Biblioteka JS jak CDN, jak określono powyżej.

Z powyższego wyjścia widać, że dokument HTML zaczyna się od elementu.

Aby wygenerować pełny dokument HTML, możemy ustawić parametr Full_Html na true, jak pokazano:

importować fabuły.IO jako IO
io.to_html (ryc, w calive_plotlyjs = 'cdn', full_html = true)

Zapisz ciąg HTML na pliku

Jedną z przydatnych funkcji funkcji TO_HTML jest zapisanie powstałego ciągu HTML do pliku HTML.

Przykładem jest jak pokazano:

importować fabuły.IO jako IO
Z otwartym („Sunburst.html ', „w”) jako f:
F.Napisz (io.to_html (ryc, w calive_plotlyjs = 'cdn', full_html = true)))

Powyższy kod powinien zapisać ciąg HTML z funkcji TO_HTML do Sunburst.plik HTML.

Następnie możesz wyświetlić ten plik, otwierając go w przeglądarce.

Ponieważ uwzględniamy spiski.Biblioteka JS jako CDN, będziesz potrzebować połączenia sieciowego do pobrania biblioteki i uzyskania pełnej interaktywności rysunku.

Wniosek

W tym artykule dowiedzieliśmy się, w jaki sposób moglibyśmy przekonwertować figurę w ciąg HTML za pomocą IO.to_html () funkcja.

Dziękujemy za przeczytanie i szczęśliwe kodowanie!!