Plotly.io.to_html

Plotly Io To Html



Köprü Metni Biçimlendirme Dili veya HTML belgeleri, World Wide Web'de bilgi görüntülemenize izin veren işaretleme belgeleridir. Belirli bir web sitesini görüntülerken bir HTML belgesi kullanıyorsunuz.

Bu nedenle, belirli bir Plotly rakamını bir HTML dizesine dönüştürmeniz gerekmesi şaşırtıcı değildir.

Bu eğitimde, bir rakamı bir HTML dize temsiline dönüştürmek için Plotly io modülünün nasıl kullanılacağını öğreneceğiz.







Hadi dalalım.



Plotly.io.to_html() işlevi

Plotly'nin io modülündeki to_html() işlevi, belirli bir rakamı parametre olarak geçirmenize ve onu bir HTML dizesine dönüştürmenize olanak tanır.



İşlev sözdizimi aşağıda gösterildiği gibi ifade edilir:





planlı bir şekilde. Bu . to_html ( incir , yapılandırma = Hiçbiri , otomatik oynatma = Doğru , include_plotlyjs = Doğru , include_mathjax = Yanlış , post_script = Hiçbiri , full_html = Doğru , animasyon_opts = Hiçbiri , default_width = '100%' , default_height = '100%' , doğrulamak = Doğru , div_id = Hiçbiri )

Aşağıdaki fonksiyon parametrelerini inceleyelim:

  1. Fig – şekil nesnesini veya şeklin sözlük temsilini ifade eder.
  2. Config – plotly.js yapılandırma seçeneklerini belirtir. Yapılandırma seçeneklerini sözlük olarak iletin.
  3. Auto_play – sayfa yüklendiğinde animasyon dizisinin otomatik olarak oynatılıp oynatılmayacağını belirler. Bu parametre, animasyonlu çerçeveler içeren bir figürünüz varsa kullanışlıdır.
  4. Include_plotlyjs – bu parametre, plotly.js kitaplığının HTML'ye nasıl dahil edildiğini belirtir. Bu parametrede kabul edilen değerler şunları içerir:
    • True – plotly.js kitaplığını HTML belgesinde bir komut dosyası etiketi olarak içerir. Bu, dosya boyutunu artıracak ancak dosyanın çevrimdışı ortamlarda kullanılmasına izin verecektir.
    • 'cdn' - include_plotlyjs parametresini 'cdn' olarak ayarlamak, plotly.js kitaplığı için uzak bir bağlantıya işaret eden bir komut dosyası etiketi ekler. Ağ ortamında veya dosya boyutuna duyarlı bir ortamdayken bu seçeneği kullanın.
    • 'dizin' – HTML belgesiyle aynı dizinde bulunan harici bir plotly.min.js paketine işaret eden bir komut dosyası etiketi içerir.
    • 'require' - değeri require olarak ayarlamak, request.js kullanarak plotly.js kitaplığını yükler. Require.js'nin kurulu olduğundan ve sistemde küresel olarak kullanılabilir olduğundan emin olun.
    • 'Yanlış' – plotly.js kitaplığını içermez. Belgenin tamamını kullanılamaz hale getireceğinden, full_html parametresini True olarak ayarlarken bu değerden kaçının.
  5. include_mathjax – dosyanın mathjax.js kitaplığını içermesi gerekip gerekmediğini belirtir. Kabul edilen değerler, 'require' değeri dışında include_plotlyjs'ye benzer.
  6. Post_script – arsa oluşturulduktan sonra yürütülen JavaScript snippet'lerini eklemenize izin verir.
  7. Full_html – true ise, işlev etiketlerinden başlayarak tüm HTML belgesini içeren bir dize döndürür. Yanlışsa, işlev
    öğesiyle başlayan bir HTML dizesi döndürür.
  8. Animation_opts – bir sözlük olarak özel animasyon özelliklerini belirlemenize olanak tanır. Bu değerler daha sonra plotly.js içindeki plotly.animate işlevine iletilir.
  9. Default_width – elde edilen şeklin varsayılan genişliğini piksel cinsinden belirtir.
  10. Default_height – şeklin varsayılan yüksekliğini piksel cinsinden belirtir.
  11. Validate – şeklin bir HTML dizesine dönüştürülmeden önce doğrulanması gerekip gerekmediğini belirler.
  12. Div_id – grafiğin bulunduğu div etiketinin id özelliğinin değerini belirtir.

Ardından işlev, şeklin bir dize olarak temsil edilen bir dizesini döndürür.



Örnek Kullanım

Aşağıdaki kod, bir rakamı bir HTML dizesi temsiline dönüştürmek için to_html işlevinin nasıl kullanılacağını gösterir.

içe aktarmak planlı bir şekilde. ifade etmek olarak piksel

df = piksel. veri . hisse senetleri ( indekslenmiş = Doğru )

incir = piksel. alan ( df , facet_col = 'şirket' , facet_col_wrap = iki )

incir. göstermek ( )

Yukarıdaki örnekte, Plotly express modülünü px olarak içe aktararak başlıyoruz. Daha sonra Plotly'den gelen stok verilerini kullanarak bir veri çerçevesi oluşturuyoruz.

Son olarak, px.area fonksiyonunu kullanarak yönlü bir alan grafiği oluşturuyoruz. Bu, aşağıda gösterildiği gibi bir rakam döndürmelidir:

Yukarıdaki şekli, aşağıdaki kodda gösterildiği gibi bir HTML dizesi temsiline dönüştürebiliriz:

içe aktarmak planlı bir şekilde. Bu olarak Bu

Bu. to_html ( incir , full_html = Yanlış )

Yukarıdaki kodu çalıştırmak, aşağıdaki ekran görüntüsünde gösterildiği gibi büyük bir HTML dizesi döndürmelidir:

HTML belgesinin

öğesinden başladığını unutmayın. HTML dosyasının tamamını dahil etmek istiyorsanız, full_html=True parametresini gösterildiği gibi ayarlayın:

içe aktarmak planlı bir şekilde. Bu olarak Bu

Bu. to_html ( incir , full_html = Doğru )

İşaretlemenin etiketinde başladığına dikkat edin.

plotly.js'yi dahil etmek için parametreyi şu şekilde ayarlayabiliriz:

içe aktarmak planlı bir şekilde. Bu olarak Bu

Bu. to_html ( incir , include_plotlyjs = 'cdn' , full_html = Doğru )

Yukarıdaki örnekte, fonksiyona bir CDN bağlantısı aracılığıyla plotly.js kitaplığını dahil etmesini söylüyoruz.

Bunu aşağıdaki çıktıdan doğrulayabiliriz:

to_html belgesini kullanmanın en iyi yolu, HTML dizesini bir HTML dosyasına aktarmaktır.

Bunu, aşağıda gösterildiği gibi basit bir kod çalıştırarak yapabiliriz:

içe aktarmak planlı bir şekilde. Bu olarak Bu

ile birlikte açık ( 'fasetted.html' , 'içinde' ) olarak f:

f. yazı satırları ( Bu. to_html ( incir , include_plotlyjs = 'cnd' , full_html = Doğru ) )

Bu örnekte, HTML dizesini bir N html dosyası olarak yazmak için Python'daki dosya modülünü kullanıyoruz.

Daha sonra HTML belgesini tarayıcıda açabilir ve şekli gösterildiği gibi görebiliriz:

Çözüm

Tebrikler, plotly.io.to_html işlevini kullanarak Plotly rakamınızı HTML dizesi olarak başarıyla dışa aktardınız.