Hej wszyscy, witaj. Dash to temat, który dzisiaj omówimy. Dash jest opracowywany przez plotly. Niektórzy z was mogli mieć pomysł, że Dash może dotyczyć wykresów z powodu plotki. I tak, masz absolutną rację. Dash dotyczy reprezentacji wykresów w interfejsie internetowym (interfejs użytkownika). Interfejs internetowy nie oznacza, że ​​DASH wymaga aktywnego połączenia internetowego, a raczej potrzebuje serwera i będzie działał na „LocalHost” lub „127.0.0.1 ”. Dash zdarza się domyślnie uruchamia się na porcie 8050, więc po uruchomieniu aplikacji Dash w przeglądarce wejdziesz na adres jako „127.0.0.1: 8050 ”.

Przede wszystkim musimy zainstalować Dash w naszym systemie. Wciśnij Ctrl+alt+T na ubuntu, otworzyłby terminal. Aby uruchomić aplikacje DASH w naszym systemie, zainstalowaliśmy od 4 do 5 pakietów za pomocą następującego polecenia:

$ sudo pip instaluj Dash-Renderer Dash-Html-komponentami Dash-Core-komponentami spiskowanymi

LUB

$ sudo -h instaluj Dash-Renderer-Renderer-HTML-komponentami komponentami Dash-Core-komponentami

Kiedy dodasz -h, nie wydałoby to ostrzeżenia, ponieważ dotrzesz do zmiennej domowej za pomocą -H w poleceniu. Nawet jeśli go nie użyjesz, byłoby to w porządku, ponieważ wyświetliby ostrzeżenie, ale i tak Dash zostanie zainstalowany.

Teraz stworzyłbyś skrypt Python. Nasz pierwszy przykład kodu wyświetliby proste dane wyjściowe w naszej przeglądarce internetowej na adresie serwera i wspomnianym powyżej porcie. W przykładzie pierwsze 3 wiersze byłyby odpowiednio import. Komponenty dash-core jako DCC oznacza, że ​​gdziekolwiek chcemy używać komponentów z rdzeniem Dash, możemy zamiast tego użyć „DCC” i podobnie tam, gdzie chcemy używać komponentów DASH-HTML, możemy użyć „HTML”. Dash () to klasa wbudowana, która zawiera domyślny kod dla aplikacji DASH. „App.Układ „reprezentuje wszystko w interfejsie internetowym, co oznacza wszystko, co chcesz wyświetlić w przeglądarce w aplikacji Dash, musi być napisane w strefie roboczej„ App ”.układ'. Postępując zgodnie z naszym pierwszym prostym przykładem kodu, który po prostu wyświetla proste wyjście:

Przykład kodu nr 1:

Import Dash
Importuj dash_core_components jako DCC
Importuj dash_html_components jako html
App = Dash.Kropla()
App.Layout = html.Div („Linuxhint youtube hi”)
Jeśli __name__ == '__main__':
App.run_server (debug = true)

Wyjście:

Drugim przykładem jest utworzenie wykresu. Użylibyśmy „DCC”, co zasadniczo oznacza komponenty z rdzeniem Dash i stworzylibyśmy wykres za pomocą go. W naszym przykładzie narysowaliśmy przykładowy wykres energii i czasu z losowymi wartościami „x” i „y”, podając rodzaj „linii” energii i typu „baru” do czasu. Zrobilibyśmy to wszystko w metodzie DCC.Wykres (), w którym nazwalibyśmy naszą osi wykresu i ustawić również tytuł wykresu.

Przykład kodu#2:

Import Dash
Importuj dash_core_components jako DCC
Importuj dash_html_components jako html
App = Dash.Kropla()
App.Layout = html.Div (dzieci = [
html.Div (dzieci = 'Linuxhint youtube hi'),
DCC.Wykres(
id = "Graphss",
Rysunek =
'dane': [
„x”: [1,2,3,4,6,7], „y”: [11,12,22,23,24,44,55], „typ”: „linia”, ' Nazwa „:„ Energy ”,
„x”: [1,2,3,4,6,7], „y”: [13,15,26,27,34,44,65], „typ”: „bar”, ' Nazwa „:„ czas ”,
],
'układ':
„Tytuł”: „Wykres dla czasu i energii”


)
])
Jeśli __name__ == '__main__':
App.run_server (debug = true)

Wyjście:

Wskazówka: Pisząc skrypt Python, użyj Python IDE lub inteligentnego edytora tekstu, który automatycznie wskaże kod dla Ciebie. Unikaj używania prostego notatnika lub edytora tekstu dla skryptów Pythona, ponieważ wcięcie kodu jest ważnym czynnikiem w Python podczas uruchamiania.

Wyjaśnię to bardziej szczegółowo w formie wideo.