కాబట్టి మీరు నిర్దిష్ట ప్లాట్లీ ఫిగర్‌ని HTML స్ట్రింగ్‌గా మార్చడం ఆశ్చర్యకరం కాదు.
ఈ ట్యుటోరియల్‌లో, ఫిగర్‌ను HTML స్ట్రింగ్ రిప్రెజెంటేషన్‌గా మార్చడానికి Plotly io మాడ్యూల్‌ని ఎలా ఉపయోగించాలో నేర్చుకుంటాము.
డైవ్ చేద్దాం.
Plotly.io.to_html() ఫంక్షన్
Plotly యొక్క io మాడ్యూల్ నుండి to_html() ఫంక్షన్ నిర్దిష్ట ఫిగర్‌ను పారామీటర్‌గా పాస్ చేసి, దానిని HTML స్ట్రింగ్‌గా మార్చడానికి మిమ్మల్ని అనుమతిస్తుంది.
ఫంక్షన్ సింటాక్స్ క్రింద చూపిన విధంగా వ్యక్తీకరించబడింది:
కుట్రపూరితంగా. ఇది . to_html ( అత్తి , config = ఏదీ లేదు , ఆటో_ప్లే = నిజమే , plotlyjs = నిజమే , చేర్చండి_mathjax = తప్పు , పోస్ట్_స్క్రిప్ట్ = ఏదీ లేదు , పూర్తి_html = నిజమే , యానిమేషన్_ఆప్ట్స్ = ఏదీ లేదు , డిఫాల్ట్_వెడల్పు = '100%' , డిఫాల్ట్_ఎత్తు = '100%' , చెల్లుబాటు చేయండి = నిజమే , div_id = ఏదీ లేదు )
క్రింద ఫంక్షన్ పారామితులను అన్వేషిద్దాం:
- ఫిగర్ - ఫిగర్ ఆబ్జెక్ట్ లేదా ఫిగర్ యొక్క డిక్షనరీ ప్రాతినిధ్యాన్ని సూచిస్తుంది.
- కాన్ఫిగరేషన్ - plotly.js కాన్ఫిగరేషన్ ఎంపికలను నిర్దేశిస్తుంది. కాన్ఫిగరేషన్ ఎంపికలను నిఘంటువుగా పాస్ చేయండి.
- Auto_play – పేజీ లోడ్‌లో యానిమేషన్ సీక్వెన్స్ స్వయంచాలకంగా ప్లే కావాలో లేదో నిర్ణయిస్తుంది. మీరు యానిమేటెడ్ ఫ్రేమ్‌లను కలిగి ఉన్న బొమ్మను కలిగి ఉంటే ఈ పరామితి ఉపయోగకరంగా ఉంటుంది.
- Include_plotlyjs – ఈ పరామితి HTMLలో plotly.js లైబ్రరీ ఎలా చేర్చబడిందో నిర్దేశిస్తుంది. ఈ పరామితిలో ఆమోదించబడిన విలువలు:
- నిజం - HTML డాక్యుమెంట్‌లో స్క్రిప్ట్ ట్యాగ్‌గా plotly.js లైబ్రరీని కలిగి ఉంటుంది. ఇది ఫైల్ పరిమాణాన్ని పెంచుతుంది కానీ ఫైల్‌ని ఆఫ్‌లైన్ పరిసరాలలో ఉపయోగించడానికి అనుమతిస్తుంది.
- 'cdn' - include_plotlyjs పారామీటర్‌ను 'cdn'కి సెట్ చేయడం వలన plotly.js లైబ్రరీ కోసం రిమోట్ లింక్‌ని సూచించే స్క్రిప్ట్ ట్యాగ్ జోడించబడుతుంది. నెట్‌వర్క్డ్ ఎన్విరాన్‌మెంట్ లేదా ఫైల్ సైజ్ సెన్సిటివ్ ఎన్విరాన్‌మెంట్‌లో ఉన్నప్పుడు ఈ ఎంపికను ఉపయోగించండి.
- 'డైరెక్టరీ' - HTML పత్రం వలె అదే డైరెక్టరీలో ఉన్న బాహ్య plotly.min.js బండిల్‌ను సూచించే స్క్రిప్ట్ ట్యాగ్‌ని కలిగి ఉంటుంది.
- 'అవసరం' - అవసరమైన విలువను సెట్ చేయడం వలన plotly.js లైబ్రరీ అవసరం.jsని ఉపయోగించి లోడ్ అవుతుంది. అవసరం.js వ్యవస్థాపించబడిందని మరియు సిస్టమ్‌లో ప్రపంచవ్యాప్తంగా అందుబాటులో ఉందని నిర్ధారించుకోండి.
- 'False' - plotly.js లైబ్రరీని చేర్చలేదు. full_html పరామితిని ఒప్పుకు సెట్ చేస్తున్నప్పుడు ఈ విలువను నివారించండి ఎందుకంటే ఇది మొత్తం పత్రాన్ని నిరుపయోగం చేస్తుంది.
- include_mathjax – ఫైల్‌లో mathjax.js లైబ్రరీ ఉండాలో లేదో నిర్దేశిస్తుంది. ఆమోదించబడిన విలువలు 'అవసరం' విలువను మినహాయించి, include_plotlyjs వలె ఉంటాయి.
- Post_script – ప్లాట్లు సృష్టించిన తర్వాత అమలు చేయబడిన జావాస్క్రిప్ట్ స్నిప్పెట్‌లను చేర్చడానికి మిమ్మల్ని అనుమతిస్తుంది.
- Full_html – ఒప్పు అయితే, ఫంక్షన్ ట్యాగ్‌లతో ప్రారంభించి మొత్తం HTML పత్రాన్ని కలిగి ఉన్న స్ట్రింగ్‌ను అందిస్తుంది. తప్పు అయితే, ఫంక్షన్ మూలకంతో ప్రారంభమయ్యే HTML స్ట్రింగ్‌ను అందిస్తుంది.
- Animation_opts – కస్టమ్ యానిమేషన్ లక్షణాలను నిఘంటువుగా పేర్కొనడానికి మిమ్మల్ని అనుమతిస్తుంది. ఈ విలువలు plotly.jsలోని plotly.animate ఫంక్షన్‌కి పంపబడతాయి.
- Default_width – పిక్సెల్‌లలో ఫలిత ఫిగర్ యొక్క డిఫాల్ట్ వెడల్పును నిర్దేశిస్తుంది.
- Default_height – ఫిగర్ యొక్క డిఫాల్ట్ ఎత్తును పిక్సెల్‌లలో పేర్కొంటుంది.
- ప్రామాణీకరించు - HTML స్ట్రింగ్‌కి మార్చడానికి ముందు ఫిగర్ ధృవీకరించబడాలా వద్దా అని నిర్ణయిస్తుంది.
- Div_id – ప్లాట్ ఉన్న చోట div ట్యాగ్ యొక్క id లక్షణం యొక్క విలువను నిర్దేశిస్తుంది.
అప్పుడు, ఫంక్షన్ ఫిగర్ యొక్క స్ట్రింగ్ ప్రాతినిధ్యాన్ని స్ట్రింగ్‌గా అందిస్తుంది.
ఉదాహరణ ఉపయోగం
బొమ్మను HTML స్ట్రింగ్ ప్రాతినిధ్యంగా మార్చడానికి to_html ఫంక్షన్‌ను ఎలా ఉపయోగించాలో క్రింది కోడ్ చూపుతుంది.
దిగుమతి కుట్రపూరితంగా. ఎక్స్ప్రెస్ వంటి px
df = px. సమాచారం . స్టాక్స్ ( ఇండెక్స్ చేయబడింది = నిజమే )
అత్తి = px. ప్రాంతం ( df , ఫేస్_కోల్ = 'సంస్థ' , ముఖం_కోల్_ర్యాప్ = రెండు )
అత్తి. చూపించు ( )పై ఉదాహరణలో, మేము Plotly ఎక్స్ప్రెస్ మాడ్యూల్‌ను pxగా దిగుమతి చేయడం ద్వారా ప్రారంభిస్తాము. మేము ప్లాట్లీ నుండి స్టాక్ డేటాను ఉపయోగించి డేటా ఫ్రేమ్‌ని సృష్టిస్తాము.
చివరగా, మేము px.area ఫంక్షన్‌ని ఉపయోగించి ఒక ముఖ ప్రాంత ప్లాట్‌ను సృష్టిస్తాము. ఇది క్రింద చూపిన విధంగా ఒక బొమ్మను అందించాలి:
దిగువ కోడ్‌లో చూపిన విధంగా మేము పై బొమ్మను HTML స్ట్రింగ్ ప్రాతినిధ్యంగా మార్చవచ్చు:
దిగుమతి కుట్రపూరితంగా. ఇది వంటి ఇది
ఇది. to_html ( అత్తి , పూర్తి_html = తప్పు )ఎగువ కోడ్‌ని అమలు చేయడం వలన దిగువ స్క్రీన్‌షాట్‌లో చూపిన విధంగా భారీ HTML స్ట్రింగ్‌ని అందించాలి:
HTML పత్రం
మూలకం వద్ద ప్రారంభమవుతుందని గమనించండి. మీరు మొత్తం HTML ఫైల్‌ను చేర్చాలనుకుంటే, చూపిన విధంగా full_html=True పరామితిని సెట్ చేయండి: దిగుమతి కుట్రపూరితంగా. ఇది వంటి ఇది
ఇది. to_html ( అత్తి , పూర్తి_html = నిజమే )
ట్యాగ్ వద్ద మార్కప్ ప్రారంభమవుతుందని గమనించండి.
plotly.jsని చేర్చడానికి, మేము పరామితిని ఇలా సెట్ చేయవచ్చు:
దిగుమతి కుట్రపూరితంగా. ఇది వంటి ఇది
ఇది. to_html ( అత్తి , plotlyjs = 'cdn' , పూర్తి_html = నిజమే )ఎగువ ఉదాహరణలో, మేము CDN లింక్ ద్వారా plotly.js లైబ్రరీని చేర్చమని ఫంక్షన్‌కు తెలియజేస్తాము.
దిగువ అవుట్‌పుట్ నుండి మేము దీన్ని ధృవీకరించవచ్చు:
to_html పత్రాన్ని ఉపయోగించడానికి ఉత్తమ మార్గం HTML స్ట్రింగ్‌ను HTML ఫైల్‌లోకి ఎగుమతి చేయడం.
దిగువ చూపిన విధంగా సాధారణ కోడ్‌ని అమలు చేయడం ద్వారా మేము దీన్ని చేయవచ్చు:
దిగుమతి కుట్రపూరితంగా. ఇది వంటి ఇది
తో తెరవండి ( 'facetted.html' , 'లో' ) వంటి f:
f. వ్రాసే పంక్తులు ( ఇది. to_html ( అత్తి , plotlyjs = 'cnd' , పూర్తి_html = నిజమే ) )ఈ ఉదాహరణలో, మేము HTML స్ట్రింగ్‌ను aN html ఫైల్‌గా వ్రాయడానికి పైథాన్‌లోని ఫైల్ మాడ్యూల్‌ని ఉపయోగిస్తాము.
మేము బ్రౌజర్‌లో HTML పత్రాన్ని తెరవవచ్చు మరియు చూపిన విధంగా బొమ్మను చూడవచ్చు:
ముగింపు
అభినందనలు, మీరు plotly.io.to_html ఫంక్షన్‌ని ఉపయోగించి మీ ప్లాట్లీ ఫిగర్‌ని HTML స్ట్రింగ్‌గా విజయవంతంగా ఎగుమతి చేసారు.