Plotly.io.to_html

Plotly Io To Html



Hiperteksto žymėjimo kalba arba HTML dokumentai yra žymėjimo dokumentai, leidžiantys rodyti informaciją žiniatinklyje. Kai žiūrite konkrečią svetainę, naudojate HTML dokumentą.

Todėl nenuostabu, kad jums gali tekti konvertuoti konkrečią Plotly figūrą į HTML eilutę.

Šioje pamokoje sužinosime, kaip naudoti Plotly io modulį, kad pavyktų figūrą į HTML eilutės atvaizdavimą.







Pasinerkime.



Plotly.io.to_html() funkcija

Funkcija to_html() iš Plotly io modulio leidžia perduoti konkrečią figūrą kaip parametrą ir konvertuoti ją į HTML eilutę.



Funkcijos sintaksė išreiškiama taip, kaip parodyta toliau:





siužetinis. tai . į_html ( pav , konfig = Nė vienas , automatinis paleidimas = Tiesa , include_plotlyjs = Tiesa , include_mathjax = Netiesa , post_script = Nė vienas , full_html = Tiesa , animacijos_parinktys = Nė vienas , numatytasis_plotis = '100%' , numatytasis_aukštis = '100%' , patvirtinti = Tiesa , divi_id = Nė vienas )

Panagrinėkime žemiau pateiktus funkcijos parametrus:

  1. Fig – nurodo figūros objektą arba figūros atvaizdą žodyne.
  2. Config – nurodo plotly.js konfigūracijos parinktis. Perduokite konfigūracijos parinktis kaip žodyną.
  3. Auto_play – nustato, ar animacijos seka turi būti paleista automatiškai įkeliant puslapį. Šis parametras yra naudingas, jei turite figūrą, kurioje yra animuotų kadrų.
  4. Include_plotlyjs – šis parametras nurodo, kaip plotly.js biblioteka įtraukiama į HTML. Priimtinos šio parametro reikšmės apima:
    • Tiesa – įtraukiama plotly.js biblioteka kaip scenarijaus žyma HTML dokumente. Tai padidins failo dydį, bet leis jį naudoti neprisijungus.
    • „cdn“ – nustačius parametrą include_plotlyjs į „cdn“, bus pridėta scenarijaus žyma, nukreipianti į nuotolinę plotly.js bibliotekos nuorodą. Naudokite šią parinktį, kai esate tinklo aplinkoje arba aplinkai, kuriai jautrus failo dydis.
    • „katalogas“ – apima scenarijaus žymą, kuri nurodo išorinį plotly.min.js paketą, esantį tame pačiame kataloge kaip ir HTML dokumentas.
    • „require“ – nustačius reikalingą reikšmę, plotly.js biblioteka bus įkelta naudojant request.js. Įsitikinkite, kad request.js yra įdiegtas ir pasiekiamas visame pasaulyje.
    • „False“ – neapima plotly.js bibliotekos. Venkite šios reikšmės nustatydami parametrą full_html į True, nes dėl to visas dokumentas taps netinkamas naudoti.
  5. include_mathjax – nurodo, ar faile turi būti mathjax.js biblioteka. Priimtos reikšmės yra panašios į include_plotlyjs, išskyrus reikšmę „require“.
  6. Post_script – leidžia įtraukti JavaScript fragmentus, kurie vykdomi sukūrus siužetą.
  7. Full_html – jei tiesa, funkcija pateiks eilutę, kurioje yra visas HTML dokumentas, pradedant žymomis. Jei klaidinga, funkcija grąžins HTML eilutę, prasidedančią
    elementu.
  8. Animation_opts – leidžia nurodyti pasirinktines animacijos ypatybes kaip žodyną. Tada šios reikšmės perduodamos plotly.js funkcijai plotly.animate.
  9. Default_width – nurodo numatytąjį gautos figūros plotį pikseliais.
  10. Default_height – nurodo numatytąjį figūros aukštį pikseliais.
  11. Patvirtinti – nustato, ar figūra turi būti patvirtinta prieš konvertuojant į HTML eilutę.
  12. Div_id – nurodo div žymos id atributo reikšmę, kurioje yra sklypas.

Tada funkcija grąžina figūros eilutę kaip eilutę.



Naudojimo pavyzdys

Šis kodas parodo, kaip naudoti funkciją to_html, norint konvertuoti figūrą į HTML eilutės atvaizdavimą.

importuoti siužetinis. išreikšti kaip px

df = px. duomenis . akcijų ( indeksuoti = Tiesa )

pav = px. plotas ( df , facet_col = 'įmonė' , facet_col_wrap = du )

pav. Rodyti ( )

Aukščiau pateiktame pavyzdyje pradedame importuoti Plotly express modulį kaip px. Tada sukuriame duomenų rėmelį naudodami „Plotly“ atsargų duomenis.

Galiausiai, naudodami px.area funkciją, sukuriame briaunuotą plotą. Tai turėtų grąžinti skaičių, kaip parodyta toliau:

Aukščiau pateiktą figūrą galime konvertuoti į HTML eilutės atvaizdavimą, kaip parodyta toliau pateiktame kode:

importuoti siužetinis. tai kaip tai

tai. į_html ( pav , full_html = Netiesa )

Vykdant aukščiau pateiktą kodą turėtų būti grąžinta didžiulė HTML eilutė, kaip parodyta toliau pateiktoje ekrano kopijoje:

Atminkite, kad HTML dokumentas prasideda

elementu. Jei norite įtraukti visą HTML failą, nustatykite parametrą full_html=True, kaip parodyta:

importuoti siužetinis. tai kaip tai

tai. į_html ( pav , full_html = Tiesa )

Atkreipkite dėmesį, kad žymėjimas prasideda nuo žymos.

Norėdami įtraukti plotly.js, galime nustatyti parametrą kaip:

importuoti siužetinis. tai kaip tai

tai. į_html ( pav , include_plotlyjs = 'cdn' , full_html = Tiesa )

Aukščiau pateiktame pavyzdyje nurodome funkcijai įtraukti plotly.js biblioteką per CDN nuorodą.

Tai galime patikrinti iš toliau pateiktos išvesties:

Geriausias būdas naudoti to_html dokumentą yra eksportuoti HTML eilutę į HTML failą.

Tai galime padaryti paleisdami paprastą kodą, kaip parodyta toliau:

importuoti siužetinis. tai kaip tai

su atviras ( 'facetted.html' , 'į' ) kaip f:

f. rašymo eilutės ( tai. į_html ( pav , include_plotlyjs = 'cnd' , full_html = Tiesa ) )

Šiame pavyzdyje mes naudojame Python failo modulį, norėdami įrašyti HTML eilutę kaip N html failą.

Tada galime atidaryti HTML dokumentą naršyklėje ir peržiūrėti paveikslėlį, kaip parodyta:

Išvada

Sveikiname, sėkmingai eksportavote savo Plotly figūrą kaip HTML eilutę naudodami plotly.io.to_html funkciją.