Plotly Dash lub Dash to bezpłatna i open source ramy internetowe do budowania aplikacji internetowych uczenia maszynowego i danych na temat danych. Zbudowany na plotki.JS, React i Flask, Dash oferuje niesamowite funkcje, w tym nowoczesne elementy interfejsu użytkownika z minimalnym kodem. Dash jest również bardzo łatwy do nauczenia się, dzięki czemu jest to bardzo wygodne zarówno dla początkujących, jak i specjalistów.

Dash oferuje również niezrównane dostosowywanie wykresów i liczb w prostym wpisie konfiguracji. W tym samouczku dowiemy się, jak korzystać z funkcji konfiguracji DASH, aby ukryć TRYBAR.

Zacznijmy.

Instalując Dash Dash

Przed rozpoczęciem funkcji konfiguracji DASH, dobrze jest upewnić się, że Dash jest zainstalowany i dostępny w systemie.

Możemy zrobić, uruchamiając PIP, jak pokazano:

$ pip instalacja

Jeśli używasz notebooka Jupyter lub podobnego środowiska Jupyter, możesz zainstalować Dash, uruchamiając polecenie:

$ pip instaluj Jupyter-Dash

Należy pamiętać, że będziesz potrzebować pand do użycia Plotly Express.

Tworzenie prostej aplikacji Dash

Następnym krokiem jest utworzenie prostej aplikacji internetowej za pomocą DASH. W tym samouczku użyjemy wykresu kołowego, który jest zarówno prosty, jak i pouczający.

Rozważ kod źródłowy, jak pokazano:

Od Dash Import Dash, HTML, DCC
importować fabuły.Wyraź jako PX
importować pandy jako PD
App = Dash (__ nazwa__)
bazy danych = [„mysql”, „postgresql”, „sqlite”, „redis”, „elasticsearch”]
Zastosowanie = [8000, 5000, 3000, 2500, 1800]
Ryc. = PX.Pie (etykiety = bazy danych, wartości = użycie, nazwy = bazy danych)
App.Layout = html.Div (dzieci = [
html.H1 (dzieci = „prosta wykres ciasta”),
html.Div (dzieci = "'wykres kołowy najpopularniejszych baz danych'"),
DCC.Wykres(
id = „ciasto”,
Rysunek = rys
)
])
Jeśli __name__ == '__main__':
App.run_server (debug = true)

W powyższym kodzie zaczynamy od zaimportowania wymaganego modułu. Importujemy Dash, HTML i DCC z Dash,. Te moduły pozwolą nam utworzyć prostą aplikację internetową i wykreślić figurę na kliencie.

Następnie tworzymy instancję aplikacji za pomocą klasy DASH.

W następnym kroku tworzymy dane, których chcemy użyć. Ponieważ tworzymy prosty wykres kołowy, ustawiamy etykiety i wartości jako listę.

Następnym krokiem jest komponowanie układu. Tutaj używamy różnych komponentów, takich jak HTML.Div., html.H1 i DCC.Wykres.

Moduł komponentów DASH zapewnia nam przydatne komponenty do popularnych tagów HTML. Na przykład HTML.H1 to proste

etykietka.

Należy pamiętać, że nie wszystkie komponenty są elementami HTML. Na przykład komponenty rdzenia DASH to komponenty wysokiego poziomu generowane przez React.Biblioteka JS

Właściwość dzieci pozwala nam przekazać dane, które chcemy wyświetlić. To jest pierwszy atrybut, co oznacza, że ​​możesz go pominąć.

Po zakończeniu możemy uruchomić aplikację z poleceniem:

$ Python3 App.py

Następnie możemy odwiedzić adres URL docelowego, aby wyświetlić działkę jako:

Dash Hide ModeBar

Zauważysz, że TRYBAR pojawia się na zawisie. Chociaż może to być przydatne, może to również skutkować słabą widocznością, szczególnie na małych urządzeniach.

Aby ukryć tryb w plotly Dash, możemy użyć parametru konfiguracji i ustawić displayModeBar na false, jak pokazano:

DCC.Wykres(
id = „ciasto”,
Rysunek = rys,
config =
„DisplayModeBar”: false

Za pomocą parametru konfiguracji w DCC.Komponent wykresu, możemy określić właściwość „DisplayModeBar” do FAŁSZ. To powinno usunąć tryb z rysunku.

Zamknięcie

W tym samouczku nauczyłeś się podstaw dostosowywania komponentów Dash. Omówiliśmy również sposób wyłączenia trybu od liczb w Dash.