Python Dash Tutorial

Python Dash Tutorial
Hey alle, willkommen, willkommen. Dash ist das Thema, das wir heute diskutieren werden. Dash wird durch Plotly entwickelt. Einige von Ihnen haben vielleicht eine Vorstellung davon. Und ja, Sie haben absolut Recht. Bei DASH handelt es sich um die Darstellung von Grafiken in einer Web -Benutzeroberfläche (Benutzeroberfläche). Die Web -Benutzeroberfläche bedeutet nicht, dass Dash eine aktive Internetverbindung benötigt, sondern nur einen Server und wird auf „Localhost“ oder „127 ausgeführt“.0.0.1 ”. Das DASH wird standardmäßig auf Port 8050 ausgeführt. Wenn Sie Ihre Dash -Anwendung in Ihrem Browser ausführen.0.0.1: 8050 ”.

Zunächst müssen wir Dash auf unserem System installieren. Schlagen Sie Strg+Alt+T auf Ihrem Ubuntu, es würde das Terminal öffnen. Um DASH -Anwendungen in unserem System auszuführen, werden wir mit dem folgenden Befehl 4 bis 5 Pakete installieren:

$ sudo pip Installieren Sie das Dash-Renderer Dash-HTML-Komponenten Dash-Core-Komponenten Plotly

ODER

$ sudo -h pip Installieren Sie das Dash-Renderer Dash-HTML-Komponenten Dash-Core-Komponenten Plotly

Wenn Sie addieren -H würde keine Warnung ausstellen. Selbst wenn Sie es nicht verwenden, wäre es in Ordnung, da es eine Warnung anzeigen würde, aber Dash würde trotzdem installiert werden.

Jetzt würden Sie ein Python -Skript erstellen. Unser erstes Beispiel für Code zeigt nur eine einfache Ausgabe in unserem Webbrowser in der Serveradresse und dem oben genannten Port an. Im Beispiel wären die ersten 3 Zeilen die Importe von Dash, Dash-Core-Komponenten bzw. Dash-HTML-Komponenten. Dash-Core-Komponenten als DCC bedeutet, dass wir überall, wo wir die Dash-Core-Komponenten verwenden möchten, stattdessen 'DCC' verwenden können und in ähnlicher Weise die DASH-HTML-Komponenten verwenden können. Wir können 'HTML' verwenden. Dash () ist die integrierte Klasse, die den Standardcode für Dash -Anwendungen enthält. 'App.Layout 'repräsentiert alles in der Web -Benutzeroberfläche, was alles bedeutet, was Sie im Browser in der Dash -Anwendung anzeigen möchten. Es muss in der Betriebszone der' App geschrieben werden.Layout'. Nach unserem ersten einfachen Code -Beispiel, in dem nur eine einfache Ausgabe angezeigt wird:

Code Beispiel Nr. 1:

Armaturenbrett importieren
Importieren Sie das DCC
Importieren Sie DASH_HTML_Components als HTML
app = Dash.Bindestrich()
App.layout = html.Div ('LinuxHint YouTube Hi')
Wenn __name__ == '__main__':
App.run_server (debug = true)

Ausgang:

Im zweiten Beispiel geht es beim Erstellen einer Grafik. Wir würden 'DCC' verwenden, was im Wesentlichen Dash-Core-Komponenten bedeutet, und wir würden ein Diagramm mit dieser. In unseremik. Wir würden all das innerhalb einer Methode DCC machen.Graph (), in dem wir unsere beide Achse des Diagramms benennen und auch den Titel der Grafik festlegen würden.

Code Beispiel Nr. 2:

Armaturenbrett importieren
Importieren Sie das DCC
Importieren Sie DASH_HTML_Components als HTML
app = Dash.Bindestrich()
App.layout = html.Div (Kinder = [
html.Div (Kinder = 'LinuxHint YouTube Hi'),
DCC.Graph(
id = "Graphss",
Abbildung =
'Daten': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'Typ': 'Zeile', '' Name ':' Energie ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'Typ': 'Bar', '' Name ':' Zeit ',
],
'Layout':
'Titel': 'Diagramm für Zeit und Energie' '


)
]))
Wenn __name__ == '__main__':
App.run_server (debug = true)

Ausgang:

Profi -Tipp: Verwenden Sie beim Schreiben von Python -Skript eine Python -IDE oder einen Smart -Texteditor, der den Code automatisch für Sie einbringt. Vermeiden.

Ich werde dies auch in Videoform ausführlicher erklären.