Ahoj všetci, vitajte. Dash je téma, o ktorej dnes budeme diskutovať. Dash je vyvinutý spoločnosťou Plotly. Niektorí z vás mohli mať predstavu, že Dash je asi o grafoch kvôli Plotlymu. A áno, máte úplnú pravdu. Dash je o reprezentácii grafov vo webovom používateľskom rozhraní (užívateľské rozhranie). Webové používateľské rozhranie neznamená, že Dash vyžaduje na spustenie aktívne pripojenie na internet. Potrebuje iba server a bude fungovať na „localhost“ alebo „127.0.0.1 ”. Dash sa štandardne spúšťa na porte 8050, takže pri spustení aplikácie Dash v prehliadači by ste zadali adresu „127.0.0.1: 8050 ".

Najskôr musíme do nášho systému nainštalovať Dash. Stlačte Ctrl + Alt + T na vašom Ubuntu, otvoril by sa terminál. Na spustenie aplikácií Dash v našom systéme by sme nainštalovali 4 až 5 balíkov pomocou nasledujúceho príkazu:

$ sudo pip install pomlčka dash-renderer dash-html-komponenty dash-core-komponenty plotly

ALEBO

$ sudo -H pip install dash dash-renderer dash-html-komponenty dash-core-komponenty plotly

Keď pridáte -H, nevydá varovanie, pretože do domovskej premennej by ste sa dostali pomocou -H v príkaze. Aj keď ho nepoužívate, bolo by to v poriadku, pretože by sa zobrazovalo varovanie, ale Dash by sa aj tak nainštaloval.

Teraz by ste pokračovali vo vytváraní pythonovského skriptu. Náš prvý príklad kódu by iba zobrazil jednoduchý výstup v našom webovom prehliadači na vyššie uvedenú adresu servera a port.  V tomto príklade by prvé 3 riadky boli importy pomlčiek, komponentov dash-core-komponentov a dash-html-komponentov. Dash-core-components ako dcc znamená, že kdekoľvek chceme použiť dash-core-komponenty, môžeme namiesto nich použiť 'dcc' a podobne, kde chceme použiť dash-html-komponenty, môžeme použiť 'html'. Dash () je vstavaná trieda, ktorá obsahuje predvolený kód pre aplikácie Dash. „aplikácia.layout 'predstavuje všetko vo webovom užívateľskom rozhraní, čo znamená, že všetko, čo chcete zobraziť v prehliadači v aplikácii Dash, musí byť napísané v operačnej zóne aplikácie.rozloženie “. Nasleduje náš prvý jednoduchý príklad kódu, ktorý zobrazuje iba jednoduchý výstup:

Príklad kódu 1:

import pomlčka
importujte dash_core_components ako dcc
importujte dash_html_components ako html
 
app = pomlčka.Dash ()
 
aplikácia.layout = html.Div („LinuxHint YouTube Ahoj“)
 
ak __name__ == '__main__':
aplikácia.run_server (debug = True)

Výkon:

Druhý príklad je o vytvorení grafu. Použili by sme „dcc“, čo v podstate znamená komponenty dash-core a pomocou neho by sme vytvorili graf. V našom príklade sme nakreslili ukážkový graf energie a času s náhodnými hodnotami „x“ a „y“ tak, že typu „čiary“ zadáme energiu a typ „čiary“ času. Všetko by sme to robili vo vnútri metódy dcc.Graph (), v ktorom by sme pomenovali našu obe osi grafu a nastavili aj názov grafu.

Príklad kódu 2:

import pomlčka
importujte dash_core_components ako dcc
importovať dash_html_components ako html
 
app = pomlčka.Dash ()
 
aplikácia.layout = html.Div (deti = [
html.Div (deti = 'LinuxHint Youtube Ahoj'),
dcc.Graf (
id = "graphss",
postava =
„data“: [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'type': 'riadok', ' name ':' Energia ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' meno ':' Čas ',
],
'layout':
'title': 'Graf pre čas a energiu'


)
])
 
ak __name__ == '__main__':
aplikácia.run_server (debug = True)

Výkon:

Profesionálny tip: Pri písaní skriptu v jazyku python používajte prostredie python IDE alebo inteligentný textový editor, ktorý za vás kód automaticky odsadí. Nepoužívajte jednoduchý poznámkový blok alebo textový editor pre skripty pythonu, pretože odsadenie kódu je dôležitým faktorom v pythone pri jeho spustení.

Podrobnejšie to vysvetlím aj vo video podobe.