Plotly.io.to_html

Plotly Io To Html



ஹைப்பர்டெக்ஸ்ட் மார்க்அப் லாங்குவேஜ் அல்லது HTML ஆவணங்கள் உலகளாவிய வலையில் தகவல்களைக் காண்பிக்க உங்களை அனுமதிக்கும் மார்க்அப் ஆவணங்கள். நீங்கள் ஒரு குறிப்பிட்ட வலைத்தளத்தைப் பார்க்கும்போது, ​​நீங்கள் ஒரு HTML ஆவணத்தைப் பயன்படுத்துகிறீர்கள்.

எனவே நீங்கள் ஒரு குறிப்பிட்ட ப்ளாட்லி உருவத்தை HTML சரமாக மாற்ற வேண்டும் என்பதில் ஆச்சரியமில்லை.

இந்த டுடோரியலில், ஒரு உருவத்தை HTML சரம் பிரதிநிதித்துவமாக மாற்ற Plotly io தொகுதியை எவ்வாறு பயன்படுத்துவது என்பதை நாம் கற்றுக்கொள்வோம்.







உள்ளே நுழைவோம்.



Plotly.io.to_html() செயல்பாடு

ப்ளாட்லியின் io தொகுதியிலிருந்து to_html() செயல்பாடு ஒரு குறிப்பிட்ட உருவத்தை அளவுருவாக அனுப்பவும் அதை HTML சரமாக மாற்றவும் உங்களை அனுமதிக்கிறது.



செயல்பாடு தொடரியல் கீழே காட்டப்பட்டுள்ளபடி வெளிப்படுத்தப்படுகிறது:





சதி. இது . to_html ( அத்தி , கட்டமைப்பு = இல்லை , தானியங்கி = உண்மை , புளொட்லிஜ்கள் அடங்கும் = உண்மை , அடங்கும்_mathjax = பொய் , பின்குறிப்பு = இல்லை , full_html = உண்மை , அனிமேஷன்_ஆப்ட்ஸ் = இல்லை , இயல்பு_அகலம் = '100%' , இயல்புநிலை_உயரம் = '100%' , சரிபார்க்க = உண்மை , div_id = இல்லை )

கீழே உள்ள செயல்பாட்டு அளவுருக்களை ஆராய்வோம்:

  1. படம் - உருவப் பொருள் அல்லது உருவத்தின் அகராதி பிரதிநிதித்துவத்தைக் குறிக்கிறது.
  2. config - plotly.js உள்ளமைவு விருப்பங்களைக் குறிப்பிடுகிறது. உள்ளமைவு விருப்பங்களை அகராதியாக அனுப்பவும்.
  3. ஆட்டோ_ப்ளே - பக்க ஏற்றத்தில் அனிமேஷன் வரிசை தானாகவே இயங்க வேண்டுமா என்பதை தீர்மானிக்கிறது. அனிமேஷன் செய்யப்பட்ட பிரேம்களைக் கொண்ட உருவம் உங்களிடம் இருந்தால் இந்த அளவுரு பயனுள்ளதாக இருக்கும்.
  4. Include_plotlyjs - இந்த அளவுரு HTML இல் plotly.js நூலகம் எவ்வாறு சேர்க்கப்பட்டுள்ளது என்பதைக் குறிப்பிடுகிறது. இந்த அளவுருவில் ஏற்றுக்கொள்ளப்பட்ட மதிப்புகள் பின்வருமாறு:
    • உண்மை - HTML ஆவணத்தில் ஸ்கிரிப்ட் குறிச்சொல்லாக plotly.js நூலகத்தை உள்ளடக்கியது. இது கோப்பின் அளவை அதிகரிக்கும் ஆனால் ஆஃப்லைன் சூழல்களில் கோப்பைப் பயன்படுத்த அனுமதிக்கும்.
    • 'cdn' - include_plotlyjs அளவுருவை 'cdn' என அமைப்பது plotly.js நூலகத்திற்கான தொலை இணைப்பைச் சுட்டிக்காட்டும் ஸ்கிரிப்ட் குறிச்சொல்லைச் சேர்க்கும். நெட்வொர்க் சூழல் அல்லது கோப்பு அளவு உணர்திறன் சூழலில் இந்த விருப்பத்தைப் பயன்படுத்தவும்.
    • 'டைரக்டரி' - HTML ஆவணத்தின் அதே கோப்பகத்தில் அமைந்துள்ள வெளிப்புற plotly.min.js தொகுப்பை சுட்டிக்காட்டும் ஸ்கிரிப்ட் டேக் அடங்கும்.
    • 'require' - தேவைப்பட வேண்டிய மதிப்பை அமைப்பது plotly.js நூலகத்தை need.js ஐப் பயன்படுத்தி ஏற்றும். தேவை.js நிறுவப்பட்டுள்ளதா மற்றும் கணினியில் உலகளவில் கிடைக்கிறது என்பதை உறுதிப்படுத்தவும்.
    • 'False' - plotly.js நூலகம் சேர்க்கப்படவில்லை. full_html அளவுருவை True என அமைக்கும் போது இந்த மதிப்பைத் தவிர்க்கவும், ஏனெனில் இது முழு ஆவணத்தையும் பயன்படுத்த முடியாததாக மாற்றும்.
  5. அடங்கும்_mathjax - கோப்பில் mathjax.js நூலகம் இருக்க வேண்டுமா என்பதைக் குறிப்பிடுகிறது. ஏற்றுக்கொள்ளப்பட்ட மதிப்புகள், 'require' மதிப்பைத் தவிர, include_plotlyjs போலவே இருக்கும்.
  6. Post_script - சதி உருவாக்கத்திற்குப் பிறகு செயல்படுத்தப்படும் JavaScript துணுக்குகளைச் சேர்க்க உங்களை அனுமதிக்கிறது.
  7. Full_html – உண்மை என்றால், செயல்பாடு குறிச்சொற்களில் தொடங்கி முழு HTML ஆவணத்தையும் கொண்ட சரத்தை வழங்கும். தவறு எனில், செயல்பாடு
    உறுப்புடன் தொடங்கும் HTML சரத்தை வழங்கும்.
  8. Animation_opts - தனிப்பயன் அனிமேஷன் பண்புகளை அகராதியாகக் குறிப்பிட உங்களை அனுமதிக்கிறது. இந்த மதிப்புகள் பின்னர் plotly.js இல் உள்ள plotly.animate செயல்பாட்டிற்கு அனுப்பப்படும்.
  9. Default_width - பிக்சல்களில் விளைந்த உருவத்தின் இயல்புநிலை அகலத்தைக் குறிப்பிடுகிறது.
  10. Default_height - உருவத்தின் இயல்புநிலை உயரத்தை பிக்சல்களில் குறிப்பிடுகிறது.
  11. சரிபார்ப்பு - HTML சரமாக மாற்றப்படுவதற்கு முன், உருவம் சரிபார்க்கப்பட வேண்டுமா என்பதை தீர்மானிக்கிறது.
  12. Div_id - ப்ளாட் அமைந்துள்ள div டேக்கின் ஐடி பண்புக்கூறின் மதிப்பைக் குறிப்பிடுகிறது.

பின்னர், செயல்பாடு ஒரு சரமாக உருவத்தின் ஒரு சரம் பிரதிநிதித்துவத்தை வழங்குகிறது.



எடுத்துக்காட்டு பயன்பாடு

ஒரு உருவத்தை HTML சரம் பிரதிநிதித்துவமாக மாற்றுவதற்கு to_html செயல்பாட்டை எவ்வாறு பயன்படுத்துவது என்பதை பின்வரும் குறியீடு காட்டுகிறது.

இறக்குமதி சதி. வெளிப்படுத்துகிறது என px

df = px. தகவல்கள் . பங்குகள் ( குறியிடப்பட்டது = உண்மை )

அத்தி = px. பகுதி ( df , முகம்_கோல் = 'நிறுவனம்' , முகம்_கோல்_முடக்கு = இரண்டு )

அத்தி. நிகழ்ச்சி ( )

மேலே உள்ள எடுத்துக்காட்டில், ப்ளாட்லி எக்ஸ்பிரஸ் தொகுதியை px ஆக இறக்குமதி செய்வதன் மூலம் தொடங்குகிறோம். ப்ளாட்லியின் பங்குத் தரவைப் பயன்படுத்தி ஒரு தரவுச் சட்டத்தை உருவாக்குகிறோம்.

இறுதியாக, px.area செயல்பாட்டைப் பயன்படுத்தி ஒரு முகப் பகுதிப் பகுதியை உருவாக்குகிறோம். இது கீழே காட்டப்பட்டுள்ளபடி ஒரு உருவத்தை வழங்க வேண்டும்:

கீழே உள்ள குறியீட்டில் காட்டப்பட்டுள்ளபடி மேலே உள்ள படத்தை HTML சரம் பிரதிநிதித்துவமாக மாற்றலாம்:

இறக்குமதி சதி. இது என இது

இது. to_html ( அத்தி , full_html = பொய் )

மேலே உள்ள குறியீட்டை இயக்குவது, கீழே உள்ள ஸ்கிரீன்ஷாட்டில் காட்டப்பட்டுள்ளபடி ஒரு பெரிய HTML சரத்தை வழங்கும்:

HTML ஆவணம்

உறுப்பில் தொடங்குகிறது என்பதை நினைவில் கொள்ளவும். நீங்கள் முழு HTML கோப்பையும் சேர்க்க விரும்பினால், காட்டப்பட்டுள்ளபடி full_html=True அளவுருவை அமைக்கவும்:

இறக்குமதி சதி. இது என இது

இது. to_html ( அத்தி , full_html = உண்மை )

மார்க்அப் குறிச்சொல்லில் தொடங்குகிறது என்பதைக் கவனியுங்கள்.

plotly.jsஐச் சேர்க்க, அளவுருவை இவ்வாறு அமைக்கலாம்:

இறக்குமதி சதி. இது என இது

இது. to_html ( அத்தி , புளொட்லிஜ்கள் அடங்கும் = 'சிடிஎன்' , full_html = உண்மை )

மேலே உள்ள எடுத்துக்காட்டில், CDN இணைப்பு வழியாக plotly.js நூலகத்தைச் சேர்க்கும் செயல்பாட்டைச் சொல்கிறோம்.

கீழே உள்ள வெளியீட்டில் இருந்து இதை நாம் சரிபார்க்கலாம்:

to_html ஆவணத்தைப் பயன்படுத்துவதற்கான சிறந்த வழி HTML சரத்தை HTML கோப்பில் ஏற்றுமதி செய்வதாகும்.

கீழே காட்டப்பட்டுள்ளபடி ஒரு எளிய குறியீட்டை இயக்குவதன் மூலம் இதைச் செய்யலாம்:

இறக்குமதி சதி. இது என இது

உடன் திறந்த ( 'facetted.html' , 'உள்ளே' ) என f:

f. எழுதும் வரிகள் ( இது. to_html ( அத்தி , புளொட்லிஜ்கள் அடங்கும் = 'cnd' , full_html = உண்மை ) )

இந்த எடுத்துக்காட்டில், HTML சரத்தை aN html கோப்பாக எழுத பைத்தானில் உள்ள கோப்பு தொகுதியைப் பயன்படுத்துகிறோம்.

நாம் உலாவியில் HTML ஆவணத்தைத் திறந்து, காட்டப்பட்டுள்ளபடி படத்தைப் பார்க்கலாம்:

முடிவுரை

வாழ்த்துகள், plotly.io.to_html செயல்பாட்டைப் பயன்படுத்தி உங்கள் ப்ளாட்லி உருவத்தை HTML சரமாக வெற்றிகரமாக ஏற்றுமதி செய்துள்ளீர்கள்.