Plotly Dash oder Dash ist ein kostenloses und open-Source-Web-Framework für das Erstellen von maschinellem Lernen und Datenwissenschaftswebanwendungen. Auf der Handlung gebaut.JS, React und Flask, Dash bietet unglaubliche Funktionen, einschließlich moderner UI -Elemente mit minimalem Code. Dash ist auch sehr leicht zu lernen, dass es sowohl für Anfänger als auch für Profis sehr bequem ist.

Dash bietet auch eine beispiellose Anpassung für die Diagramme und Abbildungen in einem einfachen Konfigurationseintrag. In diesem Tutorial lernen wir, wie Sie die DASH -Konfigurationsfunktionen verwenden, um die Modusbar auszublenden.

Lass uns anfangen.

Installieren von Plotly Dash

Bevor Sie mit den DASH -Konfigurationsfunktionen beginnen, können Sie sicherstellen, dass das Dash installiert und auf Ihrem System verfügbar ist.

Wir können wie gezeigt PIP ausführen:

$ pip installieren

Wenn Sie Jupyter Notebook oder eine ähnliche Jupyter -Umgebung verwenden, können Sie DASH installieren, indem Sie den Befehl ausführen:

$ pip Installieren Sie Jupyter-Dash

Denken Sie daran, dass Sie Pandas benötigen, um Plotly Express zu verwenden.

Erstellen einer einfachen Dash -App

Der nächste Schritt besteht darin, eine einfache Webanwendung über das DASH zu erstellen. Für dieses Tutorial werden wir ein Kreisdiagramm verwenden, das sowohl einfach als auch informativ ist.

Betrachten Sie den Quellcode wie gezeigt:

Aus dem Dash Import Dash, HTML, DCC
Handlung importieren.als px ausdrücken
Pandas als PD importieren
app = Dash (__ Name__)
Datenbanken = ['MySQL', 'postgresql', 'SQLite', 'Redis', 'Elasticsearch']
Verwendung = [8000, 5000, 3000, 2500, 1800]
Abb = Px.Pie (Labels = Datenbanken, Werte = Verwendung, Namen = Datenbanken)
App.layout = html.Div (Kinder = [
html.H1 (Kinder = 'Einfacher Kreisdiagramm'),
html.Div (Kinder = "'Ein Kreisdiagramm der beliebtesten Datenbanken") "),
DCC.Graph(
id = 'pie' ',
Abbildung = Abb
)
]))
Wenn __name__ == '__main__':
App.run_server (debug = true)

Im obigen Code beginnen wir mit dem Importieren des erforderlichen Moduls. Wir importieren Dash, HTML und DCC aus Dash,. Mit diesen Modulen können wir eine einfache Web -App erstellen und die Abbildung im Client zeichnen.

Als nächstes erstellen wir eine App -Instanz mithilfe der Dash -Klasse.

Im nächsten Schritt erstellen wir die Daten, die wir verwenden möchten. Da wir ein einfaches Kreisdiagramm erstellen, setzen wir die Beschriftungen und Werte als Liste.

Der nächste Schritt besteht darin, das Layout zu komponieren. Hier verwenden wir verschiedene Komponenten wie HTML.Div., html.H1 und DCC.Graph.

Das Dash -Komponentenmodul bietet uns nützliche Komponenten für beliebte HTML -Tags. Zum Beispiel die HTML.H1 ist einfach

Schild.

Denken Sie daran, dass nicht alle Komponenten HTML -Elemente sind. Zum Beispiel sind Dash-Kernkomponenten hochrangige Komponenten, die durch den React erzeugt werden.JS -Bibliothek

Das Eigentum von Kindern ermöglicht es uns, die Daten zu übergeben, die wir anzeigen möchten. Dies ist das erste Attribut, was bedeutet, dass Sie es überspringen können.

Nach Abschluss können wir die App mit dem Befehl ausführen:

$ python3 App.py

Wir können dann die Ziel -URL besuchen, um die Handlung als:

Dash Hide ModeBar

Sie werden feststellen, dass die Modusbar im Schweber angezeigt wird. Obwohl dies nützlich sein kann, kann dies auch zu einer schlechten Sichtbarkeit führen, insbesondere auf kleinen Geräten.

Um die Modusbar im Plotly -Dash auszublenden, können wir den Konfigurationsparameter verwenden und die Anzeigemodise wie gezeigt auf False einstellen:

DCC.Graph(
id = 'pie' ',
Abbildung = Abb,
config =
'DisplayModeBar': Falsch

Verwenden des Konfigurationsparameters im DCC.Graph -Komponente können wir die Eigenschaft "displayModeBar" in False angeben. Dadurch sollte die Modusbar aus der Abbildung entfernt werden.

Schließen

In diesem Tutorial haben Sie die Grundlagen des Anpassens von Plot -Dash -Komponenten gelernt. Wir haben auch abgedeckt.