Plotly Dash o Dash è un framework Web gratuito e open source per la creazione di applicazioni Web per l'apprendimento automatico e la scienza dei dati. Costruito sopra la trama.JS, React e Flask, Dash offre caratteristiche incredibili tra cui elementi dell'interfaccia utente moderni con codice minimo. Dash è anche molto facile da imparare a renderlo molto conveniente sia per i principianti che per i professionisti.

Dash offre anche una personalizzazione senza pari per i grafici e le figure in una semplice voce di configurazione. In questo tutorial, impareremo come utilizzare le funzionalità di configurazione Dash per nascondere la MODEBAR.

Iniziamo.

Installazione del trattino

Prima di iniziare le funzionalità di configurazione Dash, è bene assicurarsi che Dash sia installato e disponibile sul sistema.

Possiamo fare eseguendo PIP come mostrato:

$ pip Installa Dash

Se si utilizza il notebook jupyter o un ambiente jupyter simile, puoi installare Dash eseguendo il comando:

$ pip Installa jupyter-dash

Tieni presente che avrai bisogno di panda per usare Plotly Express.

Creazione di una semplice app Dash

Il prossimo passo è creare una semplice applicazione Web utilizzando Dash. Per questo tutorial, useremo un grafico a torta semplice e informativo.

Considera il codice sorgente come mostrato:

Da Dash Import Dash, HTML, DCC
importazione della trama.esprimere come px
Importa panda come PD
app = Dash (__ Nome__)
Database = ['Mysql', 'Postgresql', 'SQLite', 'Redis', 'ElaSticSearch']
Utilizzo = [8000, 5000, 3000, 2500, 1800]
FIG = px.Pie (etichette = database, valori = utilizzo, nams = database)
app.layout = html.Div (bambini = [
html.H1 (Children = 'Simple Pie Chart'),
html.Div (Children = "'Un grafico a torta dei database più popolari'"),
DCC.Grafico(
id = 'Pie',
Figura = Fig
)
])
Se __Name__ == '__main__':
app.run_server (debug = true)

Nel codice sopra, iniziamo importando il modulo richiesto. Importiamo Dash, HTML e DCC da Dash,. Questi moduli ci consentiranno di creare una semplice app web e tracciare la figura sul client.

Successivamente, creiamo un'istanza dell'app utilizzando Dash Class.

Nel prossimo passaggio, creiamo i dati che desideriamo utilizzare. Dal momento che stiamo creando un semplice grafico a torta, impostiamo le etichette e i valori come elenco.

Il prossimo passo è componendo il layout. Qui, usiamo vari componenti come HTML.Div., html.H1 e DCC.Grafico.

Il modulo del componente Dash ci fornisce componenti utili per i popolari tag HTML. Ad esempio, l'HTML.H1 è un semplice

etichetta.

Tieni presente che non tutti i componenti sono elementi HTML. Ad esempio, i componenti del core Dash sono componenti di alto livello generati attraverso la reazione.Biblioteca JS

La proprietà per bambini ci consente di passare i dati che desideriamo visualizzare. Questo è il primo attributo che significa che puoi saltarlo.

Una volta completato, possiamo eseguire l'app con il comando:

App $ Python3.Py

Possiamo quindi visitare l'URL target per visualizzare la trama come:

Bash Hide ModeBar

Noterai che la barra di modalità appare su un mouse. Sebbene ciò possa essere utile, può anche provocare una scarsa visibilità, specialmente su piccoli dispositivi.

Per nascondere la MODEBAR in Plotly Dash, possiamo usare il parametro di configurazione e impostare DisplayModeBar su False come mostrato:

DCC.Grafico(
id = 'Pie',
Figura = Fig,
config =
'DisplayModebar': false

Utilizzando il parametro di configurazione nel DCC.Componente grafico, possiamo specificare la proprietà "DisplayModeBar" su False. Questo dovrebbe rimuovere la barra della modalità dalla figura.

Chiusura

In questo tutorial, hai imparato le basi della personalizzazione dei componenti del trama della trama. Abbiamo anche coperto come disabilitare la barra di modalità da figure in dash.