Nejprve musíme do našeho systému nainstalovat Dash. Stiskněte Ctrl + Alt + T na vašem Ubuntu, otevřelo by to terminál. Abychom mohli v našem systému spouštět aplikace Dash, nainstalovali bychom 4 až 5 balíčků pomocí následujícího příkazu:
$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotlyNEBO
$ sudo -H pip install dash dash-renderer dash-html-components dash-core-components plotlyKdyž přidáte -H, nevydá varování, protože byste se dostali do domovské proměnné pomocí -H v příkazu. I když jej nepoužíváte, bylo by to v pořádku, protože by se zobrazovalo varování, ale Dash by se stejně nainstaloval.
Nyní byste pokračovali ve vytváření pythonovského skriptu. Náš první příklad kódu by pouze zobrazil jednoduchý výstup v našem webovém prohlížeči na výše uvedenou adresu serveru a portu. V příkladu by první 3 řádky byly importy pomlček, komponent dash-core a dash-html. Dash-core-components jako dcc znamená, že kdekoli chceme použít dash-core-components, můžeme místo toho použít 'dcc' a podobně tam, kde chceme použít dash-html-components, můžeme použít 'html'. Dash () je integrovaná třída, která obsahuje výchozí kód pro aplikace Dash. 'aplikace.layout 'představuje vše ve webovém uživatelském rozhraní, což znamená cokoli, co chcete zobrazit v prohlížeči v aplikaci Dash, musí být napsáno v operační zóně aplikace.rozložení '. Po našem prvním příkladu jednoduchého kódu, který zobrazuje pouze jednoduchý výstup:
Příklad kódu 1:
import pomlčkaimportujte dash_core_components jako dcc
importujte dash_html_components jako html
aplikace = pomlčka.Pomlčka()
aplikace.layout = html.Div ('LinuxHint YouTube Ahoj')
pokud __name__ == '__main__':
aplikace.run_server (debug = True)
Výstup:
Druhým příkladem je vytvoření grafu. Použili bychom „dcc“, což v zásadě znamená komponenty dash-core a pomocí něj bychom vytvořili graf. V našem příkladu jsme nakreslili ukázkový graf energie a času s náhodnými hodnotami „x“ a „y“ tak, že jsme typu „čáry“ zadali energii a typu „pruhu“ času. Udělali bychom to všechno uvnitř metody dcc.Graph (), ve kterém bychom pojmenovali obě naše osy grafu a nastavili také název grafu.
Příklad kódu 2:
import pomlčkaimportujte dash_core_components jako dcc
importujte dash_html_components jako html
aplikace = pomlčka.Pomlčka()
aplikace.layout = html.Div (děti = [
html.Div (děti = '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': 'řádek', ' name ':' Energie ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' name ':' Time ',
],
'layout':
'title': 'Graf pro čas a energii'
)
])
pokud __name__ == '__main__':
aplikace.run_server (debug = True)
Výstup:
Profesionální tip: Při psaní skriptu v pythonu používejte IDE v pythonu nebo inteligentní textový editor, který za vás kód automaticky odsadí. Nepoužívejte jednoduchý poznámkový blok nebo textový editor pro skripty pythonu, protože odsazení kódu je důležitým faktorem v pythonu při jeho spuštění.
Vysvětlím to podrobněji také ve formě videa.