Phenquestions
Tout d'abord, nous devons installer Dash sur notre système. Appuyez sur Ctrl+Alt+T sur votre Ubuntu, cela ouvrirait le terminal. Afin d'exécuter des applications Dash sur notre système, nous installerions 4 à 5 packages à l'aide de la commande suivante :
$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotlyOU ALORS
$ sudo -H pip install dash dash-renderer dash-html-components dash-core-components plotlyLorsque vous ajouterez -H, il n'émettra pas d'avertissement car vous obtiendrez la variable Home 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és ci-dessus. Dans l'exemple, les 3 premières lignes seraient les importations de dash, dash-core-components et dash-html-components respectivement. Dash-core-components en tant que dcc signifie que partout où nous voulons utiliser dash-core-components, nous pouvons utiliser 'dcc' à la place et de même où nous voulons utiliser dash-html-components, nous pouvons utiliser 'html'. Dash() est la classe intégrée qui contient le code par défaut pour les applications Dash. 'application.layout' représente tout dans l'interface utilisateur Web, ce qui signifie tout ce que vous souhaitez afficher dans le navigateur de l'application Dash, il doit être écrit dans la zone de fonctionnement de l'application.disposition'. Suite à notre premier exemple de code simple qui affiche juste une sortie simple :
Exemple de code n° 1 :
tiret d'importationimporter dash_core_components en tant que dcc
importer dash_html_components au format html
application = tiret.Tiret()
application.mise en page = html.Div('LinuxHint YouTube Salut')
if __name__ == '__main__' :
application.run_server(debug=True)
Production:
Le deuxième exemple concerne la création d'un graphique. Nous utiliserions « dcc » qui signifie essentiellement des composants de base de tableau de bord et nous créerions un graphique en l'utilisant. Dans notre exemple, nous avons dessiné un exemple de 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 » au temps. Nous ferions tout cela dans une méthode dcc.Graph() dans lequel nous nommerions nos deux axes du graphique et définirions également le titre du graphique.
Exemple de code n°2 :
tiret d'importationimporter dash_core_components en tant que dcc
importer dash_html_components au format html
application = tiret.Tiret()
application.mise en page = html.Div(enfants=[
html.Div(enfants='LinuxHint Youtube Salut'),
dcc.Graphique(
id="graphss",
chiffre=
'Les données': [
'x':[1,2,3,4,5,6,7], 'y':[11,12,22,23,24,44,55], 'type':'ligne', ' nom':'Énergie',
'x':[1,2,3,4,5,6,7], 'y':[13,15,26,27,34,44,65], 'type':'bar', ' nom':'Heure',
],
'disposition':
'title' : 'Graphique pour le temps et l'énergie'
)
])
if __name__ == '__main__' :
application.run_server(debug=True)
Production:
Conseil de pro : lors de l'écriture d'un script python, utilisez un IDE python ou un éditeur de texte intelligent qui indente automatiquement le code pour vous. Évitez d'utiliser un simple bloc-notes ou un éditeur de texte pour les scripts python car l'indentation du code est un facteur important dans python lors de son exécution.
Je vais également expliquer cela plus en détail sous forme de vidéo.
