Plotly Dash or Dash er et gratis og åpen kildekode-ramme for å bygge maskinlæring og datavitenskapelige webapplikasjoner. Bygget på toppen av plotly.JS, React og Flask, Dash tilbyr utrolige funksjoner inkludert moderne UI -elementer med minimal kode. Dash er også veldig enkelt å lære, noe som gjør det veldig praktisk for både nybegynnere og fagpersoner.

Dash tilbyr også enestående tilpasning for tomtene og figurene i en enkel konfigurasjonsoppføring. I denne opplæringen lærer vi hvordan du bruker Dash -konfigurasjonsfunksjonene for å skjule modusbaren.

La oss komme i gang.

Installere plotly Dash

Før du kommer i gang med Dash -konfigurasjonsfunksjonene, er det bra å sikre at Dash er installert og tilgjengelig på systemet ditt.

Vi kan gjøre ved å kjøre Pip som vist:

$ pip install dash

Hvis du bruker Jupyter Notebook eller et lignende Jupyter -miljø, kan du installere Dash ved å kjøre kommandoen:

$ pip installer jupyter-dash

Husk at du vil kreve at pandaer bruker plotly Express.

Opprette en enkel dash -app

Neste trinn er å opprette en enkel webapplikasjon ved hjelp av Dash. For denne opplæringen vil vi bruke et kakediagram som er både enkelt og informativt.

Vurder kildekoden som vist:

Fra Dash Import Dash, HTML, DCC
Importer plotly.uttrykk som px
Importer pandaer som PD
app = dash (__ name__)
databaser = ['mysql', 'postgreSql', 'sqlite', 'redis', 'elasticsearch']
Bruk = [8000, 5000, 3000, 2500, 1800]
Fig = px.PIE (etiketter = databaser, verdier = bruk, navn = databaser)
app.Layout = HTML.Div (barn = [
html.H1 (barn = 'Simple Pie Chart'),
html.Div (barn = "'et kakediagram over de mest populære databasene'"),
DCC.Kurve(
id = 'PIE',
Figur = Fig
)
])
if __name__ == '__main__':
app.run_server (debug = true)

I koden over begynner vi med å importere den nødvendige modulen. Vi importerer Dash, HTML og DCC fra Dash,. Disse modulene vil tillate oss å lage en enkel webapp og plotte figuren på klienten.

Deretter oppretter vi en appforekomst ved hjelp av Dash -klasse.

I neste trinn lager vi dataene vi ønsker å bruke. Siden vi lager et enkelt kakediagram, angir vi etikettene og verdiene som en liste.

Neste trinn er å komponere oppsettet. Her bruker vi forskjellige komponenter som HTML.Div., html.H1, og DCC.Kurve.

Dash -komponentmodulen gir oss nyttige komponenter for populære HTML -tagger. For eksempel HTML.H1 er en enkel

stikkord.

Husk at ikke alle komponenter er HTML -elementer. For eksempel er dash-kjernekomponenter komponenter på høyt nivå generert gjennom React.JS -bibliotek

Barnegenskapen lar oss formidle dataene vi ønsker å vise. Dette er den første attributtet som betyr at du kan hoppe over den.

Når vi er fullført, kan vi kjøre appen med kommandoen:

$ python3 -app.py

Vi kan deretter besøke mål -url for å se plottet som:

Dash Hide Modebar

Du vil merke at modusbaren vises på svevet. Selv om dette kan være nyttig, kan det også føre til dårlig synlighet, spesielt på små enheter.

For å skjule modusbaren i plottlystrøk, kan vi bruke konfigurasjonsparameteren og stille DisplayModeBar til FALSE som vist:

DCC.Kurve(
id = 'PIE',
Figur = Fig,
config =
'DisplayModeBar': falsk

Bruke konfigurasjonsparameteren i DCC.Grafkomponent, vi kan spesifisere egenskapen 'DisplayModeBar' til False. Dette bør fjerne modusbaren fra figuren.

Lukking

I denne opplæringen lærte du det grunnleggende om å tilpasse plotly dash -komponenter. Vi dekket også hvordan du deaktiverer modusbaren fra figurer i Dash.