Plotly.io.to_html

Plotly Io To Html



Hypertext Markup Language atau dokumen HTML ialah dokumen markup yang membolehkan anda memaparkan maklumat di World Wide Web. Apabila anda melihat tapak web tertentu, anda menggunakan dokumen HTML.

Oleh itu, tidak menghairankan bahawa anda mungkin perlu menukar angka Plotly tertentu kepada rentetan HTML.

Dalam tutorial ini, kita akan belajar cara menggunakan modul Plotly io untuk menukar angka kepada perwakilan rentetan HTML.







Mari selami.



Fungsi Plotly.io.to_html().

Fungsi to_html() daripada modul io Plotly membolehkan anda menghantar angka tertentu sebagai parameter dan menukarnya menjadi rentetan HTML.



Sintaks fungsi dinyatakan seperti yang ditunjukkan di bawah:





secara plot. ini . to_html ( ara , konfigurasi = tiada , auto_play = betul , include_plotlyjs = betul , include_mathjax = Salah , skrip_pasca = tiada , full_html = betul , animation_opts = tiada , lalai_lebar = '100%' , default_height = '100%' , mengesahkan = betul , div_id = tiada )

Mari kita terokai parameter fungsi, di bawah:

  1. Rajah – merujuk kepada objek rajah atau perwakilan kamus rajah itu.
  2. Config – menentukan pilihan konfigurasi plotly.js. Lulus pilihan konfigurasi sebagai kamus.
  3. Auto_play – menentukan sama ada urutan animasi harus dimainkan secara automatik pada pemuatan halaman. Parameter ini berguna jika anda mempunyai angka yang mengandungi bingkai animasi.
  4. Include_plotlyjs – parameter ini menentukan cara pustaka plotly.js disertakan dalam HTML. Nilai yang diterima dalam parameter ini termasuk:
    • Benar – termasuk perpustakaan plotly.js sebagai teg skrip dalam dokumen HTML. Ini akan meningkatkan saiz fail tetapi akan membolehkan fail itu digunakan dalam persekitaran luar talian.
    • ‘cdn’ – menetapkan parameter include_plotlyjs kepada ‘cdn’ akan menambah tag skrip yang menghala ke pautan jauh untuk pustaka plotly.js. Gunakan pilihan ini apabila berada dalam persekitaran rangkaian atau persekitaran sensitif saiz fail.
    • ‘direktori’ – termasuk teg skrip yang menghala ke himpunan plotly.min.js luaran yang terletak dalam direktori yang sama dengan dokumen HTML.
    • 'require' - menetapkan nilai kepada memerlukan akan memuatkan perpustakaan plotly.js menggunakan require.js. Pastikan require.js dipasang dan tersedia secara global pada sistem.
    • ‘False’ – tidak termasuk perpustakaan plotly.js. Elakkan nilai ini apabila menetapkan parameter full_html kepada Benar kerana ia akan menyebabkan keseluruhan dokumen, tidak boleh digunakan.
  5. include_mathjax – menentukan sama ada fail harus termasuk perpustakaan mathjax.js. Nilai yang diterima adalah serupa dengan include_plotlyjs kecuali nilai 'memerlukan'.
  6. Post_script – membolehkan anda memasukkan coretan JavaScript yang dilaksanakan selepas penciptaan plot.
  7. Full_html – jika benar, fungsi akan mengembalikan rentetan yang mengandungi keseluruhan dokumen HTML, bermula dengan tag . Jika palsu, fungsi akan mengembalikan rentetan HTML bermula dengan elemen
    .
  8. Animation_opts – membolehkan anda menentukan sifat animasi tersuai sebagai kamus. Nilai ini kemudiannya dihantar ke fungsi plotly.animate dalam plotly.js.
  9. Default_width – menentukan lebar lalai bagi angka yang terhasil dalam piksel.
  10. Default_height – menentukan ketinggian lalai angka dalam piksel.
  11. Sahkan – menentukan sama ada angka itu perlu disahkan sebelum ditukar kepada rentetan HTML.
  12. Div_id – menentukan nilai atribut id bagi teg div di mana plot berada.

Kemudian, fungsi mengembalikan perwakilan rentetan angka sebagai rentetan.



Contoh Penggunaan

Kod berikut menunjukkan cara menggunakan fungsi to_html untuk menukar angka kepada perwakilan rentetan HTML.

import secara plot. ekspres sebagai px

df = px. data . saham ( diindeks = betul )

ara = px. kawasan ( df , facet_col = 'syarikat' , facet_col_wrap = dua )

ara. tunjuk ( )

Dalam contoh di atas, kita mulakan dengan mengimport modul ekspres Plotly sebagai px. Kami kemudian membuat bingkai data menggunakan data stok daripada Plotly.

Akhir sekali, kami mencipta plot kawasan berfaset menggunakan fungsi px.area. Ini sepatutnya mengembalikan angka seperti yang ditunjukkan di bawah:

Kita boleh menukar angka di atas menjadi perwakilan rentetan HTML seperti yang ditunjukkan dalam kod di bawah:

import secara plot. ini sebagai ini

ini. to_html ( ara , full_html = Salah )

Menjalankan kod di atas harus mengembalikan rentetan HTML yang besar seperti yang ditunjukkan dalam tangkapan skrin di bawah:

Ambil perhatian bahawa dokumen HTML bermula pada elemen

. Jika anda ingin memasukkan keseluruhan fail HTML, tetapkan parameter full_html=True seperti yang ditunjukkan:

import secara plot. ini sebagai ini

ini. to_html ( ara , full_html = betul )

Perhatikan markup bermula pada tag .

Untuk memasukkan plotly.js, kami boleh menetapkan parameter sebagai:

import secara plot. ini sebagai ini

ini. to_html ( ara , include_plotlyjs = 'cdn' , full_html = betul )

Dalam contoh di atas, kami memberitahu fungsi untuk memasukkan perpustakaan plotly.js melalui pautan CDN.

Kami boleh mengesahkan ini daripada output di bawah:

Cara terbaik untuk menggunakan dokumen to_html ialah dengan mengeksport rentetan HTML ke dalam fail HTML.

Kita boleh melakukan ini dengan menjalankan kod mudah seperti yang ditunjukkan di bawah:

import secara plot. ini sebagai ini

dengan buka ( 'facetted.html' , 'dalam' ) sebagai f:

f. garis tulis ( ini. to_html ( ara , include_plotlyjs = 'cnd' , full_html = betul ) )

Dalam contoh ini, kami menggunakan modul fail dalam Python untuk menulis rentetan HTML sebagai fail html.

Kami kemudiannya boleh membuka dokumen HTML dalam penyemak imbas dan melihat angka seperti yang ditunjukkan:

Kesimpulan

Tahniah, anda telah berjaya mengeksport angka Plotly anda sebagai rentetan HTML menggunakan fungsi plotly.io.to_html.