Zdravo svima, dobro došli. Crtica je tema o kojoj ćemo danas razgovarati. Crticu razvija Plotly. Neki od vas možda imaju ideju da je Dash možda riječ o grafikonima zbog Plotlyja. I da, potpuno ste u pravu. Crtica govori o predstavljanju grafova u web korisničkom sučelju (korisničko sučelje). Web korisničko sučelje ne znači da Dash zahtijeva aktivnu internetsku vezu za rad, nego samo treba poslužitelj i pokrenut će se na "localhost" ili "127.0.0.1 ”. Dash se prema zadanim postavkama pokreće na priključku 8050, pa kad pokrenete aplikaciju Dash u pregledniku, na adresu ćete otići kao "127.0.0.1: 8050 ".

Prije svega, moramo instalirati Dash na naš sustav. Pritisnite Ctrl + Alt + T na vašem Ubuntuu, otvorit će se terminal. Da bismo pokrenuli Dash aplikacije na našem sustavu, instalirali bismo 4 do 5 paketa pomoću sljedeće naredbe:

$ sudo pip instalirajte crticu crtica-renderer crtica-html-komponente crtica-jezgre-komponente

ILI

$ sudo -H pip instalirajte crtica crtica-prikazivač crtica-html-komponente crtica-jezgre-komponente

Kad dodate -H, neće izdati upozorenje jer ćete do naredne varijable doći korištenjem -H u naredbi. Čak i ako ga ne koristite, bilo bi u redu jer bi se prikazalo upozorenje, ali Dash bi se ionako instalirao.

Sada biste nastavili stvarati python skriptu. Naš prvi primjer koda samo bi prikazao jednostavan izlaz u našem web pregledniku na gore spomenutu adresu i priključak poslužitelja.  U primjeru bi prva 3 retka bila uvoz crtica, dash-core-komponenata i dash-html-komponenata. Dash-core-komponente kao dcc znači da gdje god želimo koristiti dash-core-komponente možemo umjesto toga upotrijebiti 'dcc', a slično kao što želimo koristiti dash-html-komponente, možemo koristiti 'html'. Dash () je ugrađena klasa koja sadrži zadani kôd za Dash aplikacije. 'app.layout 'predstavlja sve u web korisničkom sučelju, što znači da sve što želite prikazati u pregledniku u aplikaciji Dash, mora biti napisano u operativnoj zoni aplikacije.izgled '. Slijedeći naš prvi jednostavni primjer koda koji prikazuje samo jednostavan izlaz:

Primjer koda # 1:

uvozna crtica
uvezi crtice_komponente_komponente kao kopiju
uvezi crtice_html_komponente kao html
 
app = crtica.Crtica()
 
app.layout = html.Div ('LinuxHint YouTube Hi')
 
ako je __name__ == '__glavno__':
app.run_server (otklanjanje pogrešaka = True)

Izlaz:

Drugi primjer je stvaranje grafikona. Koristili bismo 'dcc' što u osnovi znači komponente crtice-jezgre i stvorili bismo grafikon pomoću njega. U našem primjeru izvukli smo primjer grafa energije i vremena sa slučajnim vrijednostima 'x' i 'y' davanjem vrste 'crte' energiji i vrste 'trake' vremenu. Sve bismo to radili unutar DCC-a metode.Grafikon () u kojem bismo imenovali obje osi grafikona i postavili i naslov grafa.

Primjer koda # 2:

uvozna crtica
uvezi crtice_komponente_komponente kao kopiju
uvezi crtice_html_komponente kao html
 
app = crtica.Crtica()
 
app.layout = html.Div (djeca = [
html.Div (djeca = 'LinuxHint Youtube Hi'),
dcc.Grafikon (
id = "graphss",
lik =
'podaci': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'type': 'line', ' naziv ':' Energija ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' name ':' Vrijeme ',
],
'layout':
'title': 'Grafikon vremena i energije'


)
]))
 
ako je __name__ == '__glavno__':
app.run_server (otklanjanje pogrešaka = True)

Izlaz:

Pro savjet: Dok pišete python skriptu, koristite python IDE ili pametni uređivač teksta koji automatski uvlači kôd za vas. Izbjegavajte upotrebu jednostavne bilješke ili uređivača teksta za python skripte jer je uvlačenje koda važan čimbenik u pythonu tijekom izvođenja.

To ću detaljnije objasniti i u video obliku.