Hé tout le monde, bienvenue. Dash est le sujet que nous allons discuter aujourd'hui. Dash est développé par Plotly. Certains d'entre vous ont peut-être une idée que Dash est peut-être une question de graphiques à cause de l'intrigue. Et oui, tu as absolument raison. Dash concerne la représentation des graphiques dans une interface utilisateur Web (interface utilisateur). L'interface utilisateur Web ne signifie pas que Dash nécessite une connexion Internet active à s'exécuter, mais il a juste besoin d'un serveur et fonctionnera sur «LocalHost» ou «127.0.0.1". Le tableau de bord s'exécute sur le port 8050 par défaut, donc lorsque vous exécutez votre application Dash sur votre navigateur, vous allez sur l'adresse comme «127.0.0.1: 8050 ”.

Tout d'abord, nous devons installer Dash sur notre système. Frapper ctrl + alt + t sur votre ubuntu, il ouvrirait le terminal. Afin d'exécuter des applications Dash sur notre système, nous installions des packages de 4 à 5 à l'aide de la commande suivante:

$ sudo pip installer dash dash-rendu-dash-html-components dash-core-components tracly

OU

$ sudo -h pip installer dash dash-rendu-dash-html-components dash-core-components tracly

Lorsque vous ajouterez -h, cela n'émettrait pas un avertissement car vous arriveriez à la variable domestique en utilisant -h dans la commande. Même si vous ne l'utilisez pas, ce serait bien car il afficherait un avertissement, mais Dash serait installé de toute façon.

Maintenant, vous allez créer un script python. Notre premier exemple de code afficherait simplement une sortie simple dans notre navigateur Web sur l'adresse du serveur et le port mentionné ci-dessus. Dans l'exemple, les 3 premières lignes seraient les importations de dash, de dash-components et de dash-html components respectivement. Dash-core-components car dcc signifie que partout où nous voulons utiliser des composants de dash-core, nous pouvons utiliser «DCC» à la place et de même où nous voulons utiliser des composants Dash-HTML, nous pouvons utiliser «HTML». Dash () est la classe intégrée qui contient le code par défaut pour les applications DASH. 'application.La mise en page 'représente tout dans l'interface utilisateur Web, ce qui signifie tout ce que vous souhaitez afficher dans l'application du navigateur dans Dash, il doit être écrit dans la zone d'exploitation de' App.mise en page'. Après notre premier exemple de code simple qui affiche simplement une sortie simple:

Exemple de code # 1:

Importer un tableau de bord
importer dash_core_components en tant que DCC
Importez dash_html_components comme HTML
App = Dash.Se précipiter()
appliquer.disposition = html.Div ('Linuxhint youtube hi')
Si __Name__ == '__MAIN__':
appliquer.run_server (debug = true)

Sortir:

Le deuxième exemple consiste à créer un graphique. Nous utiliserions «DCC», ce qui signifie essentiellement. Dans notre exemple, nous avons dessiné un exemple graphique d'énergie et de temps avec des valeurs aléatoires de «x» et «y» en donnant un type de «ligne» à l'énergie et un type de «barre» à l'heure. Nous ferions tout cela à l'intérieur d'une méthode dcc.Graph () dans lequel nous nommerions notre axe du graphique et définissons également le titre de graphique.

Exemple de code # 2:

Importer un tableau de bord
importer dash_core_components en tant que DCC
Importez dash_html_components comme HTML
App = Dash.Se précipiter()
appliquer.disposition = html.Div (enfants = [
html.Div (enfants = 'Linuxhint YouTube Hi'),
DCC.Graphique(
id = "graphiques",
Figure =
'données': [
'x': [1,2,3,4,5,6,7], 'y': [11,12,22,23,24,44,55], 'type': 'line', ' Nom ':' Energy ',
'x': [1,2,3,4,5,6,7], 'y': [13,15,26,27,34,44,65], 'type': 'bar', ' Nom ':' Time ',
]],
'mise en page':
«Titre»: «Graphique pour le temps et l'énergie»


)
])
Si __Name__ == '__MAIN__':
appliquer.run_server (debug = true)

Sortir:

Conseil de pro: Lors de l'écriture de script Python, utilisez un IDE Python ou un éditeur de texte intelligent qui invente automatiquement le code pour vous. Évitez d'utiliser un bloc-notes ou un éditeur de texte simple pour les scripts Python car l'indentation du code est un facteur important dans Python tout en l'exécutant.

Je vais également expliquer cela plus en détail sous forme vidéo.