Interaktive funksjoner
Zoom, hold markøren over og panorer
Interaktive funksjoner er en gratis leksjon i Python Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Python Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Python Academy inneholder totalt 4 leksjoner.
Hvorfor interaktivitet er viktig
Den største fordelen med Plotly fremfor statiske biblioteker er at diagrammene reagerer på brukeren. Lesere kan zoome inn på et område, panorere over dataene og holde pekeren over punkter for å lese av nøyaktige verdier, uten at De overfyller diagrammet med etiketter.
Interaktivitet gjør at ett diagram kan vise både oversikten og detaljene.
Verktøytips ved hover
Som standard vises x- og y-verdiene når De holder pekeren over et punkt. De kan utvide dette med hover_data=['col1', 'col2'] for å legge til ekstra kolonner, eller med hover_name='name' for å angi den fete tittelen i verktøytipset.
Gode verktøytips gjør det unødvendig å fylle selve diagrammet med informasjon.
Bygge en verktøytipsstreng
Konseptuelt er et verktøytips bare formatert tekst som settes sammen fra en datarad. Her er den samme ideen i vanlig Python.
point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)Zoom og panorering
Plotly-figurer har en moduslinje med verktøy for zooming, panorering og rektangulært utvalg. De kan også dra for å zoome inn på et rektangel og dobbeltklikke for å tilbakestille visningen.
Disse funksjonene er aktivert som standard, så De trenger vanligvis ikke å skrive kode for dem.
Område og tilbakestilling
Zooming endrer akseområdet midlertidig. De kan angi det opprinnelige området med fig.update_xaxes(range=[0, 100]), og brukeren kan alltid tilbakestille til dette området.
Tenk på zooming som å velge et delvindu av hele dataområdet.
full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')Hover-moduser
fig.update_layout(hovermode='x unified') viser ett enkelt verktøytips med alle seriene ved x-posisjonen der pekeren er. Dette er utmerket for å sammenligne flere linjer på samme tidspunkt.
Andre moduser omfatter 'closest' og 'x'.
Interaktiv tegnforklaring
Plotlys tegnforklaringer kan klikkes på. Ett enkeltklikk skjuler en serie, mens et dobbeltklikk viser bare den. Da kan brukerne fokusere på dataene de er interessert i, uten at De trenger å lage separate diagrammer.
Dette fungerer automatisk når diagrammet har flere traces.
Områdeskyvere
For tidsserier kan De legge til en områdeskyver med fig.update_xaxes(rangeslider_visible=True). Et lite oversiktsdiagram vises nedenfor, slik at brukerne kan dra for å velge et datovindu.
Den passer godt sammen med knapper for områdevalg, for eksempel 1m, 6m og YTD.
Tilpassede hover-maler
Bruk hovertemplate for full kontroll. Det er en streng med plassholdere som %{x} og %{y}. De bestemmer nøyaktig hvilken tekst og tallformatering som skal vises ved hover.
Å utforme malen ligner på å utforme en hvilken som helst formatert streng.
x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)Når bør De stoppe
Interaktivitet er kraftig, men ikke uten kostnader. For mange kontroller kan overvelde tilfeldige lesere. Aktiver funksjonene som besvarer reelle spørsmål, og stol på de fornuftige standardinnstillingene for resten.
Moduslinjen
Verktøylinjen øverst til høyre i hver figur er moduslinjen. Den inneholder verktøy for zooming, panorering og automatisk skalering, samt en kameraknapp for å laste ned en PNG-fil. De kan konfigurere eller skjule den med config-argumentet når figuren vises.
Ved å skjule ubrukte knapper blir diagrammet ryddigere for ikke-tekniske målgrupper.
Kunnskapssjekk
Test kunnskapene Deres om interaktive funksjoner.
Oppsummering
De har utforsket interaktivitet i Plotly:
- Hover-verktøytips, utvidet med
hover_dataoghovertemplate - Zooming og panorering via den innebygde moduslinjen
hovermode='x unified'for kombinerte verktøytips- Klikkbare tegnforklaringer og områdeskyvere for tidsserier
Bruk disse funksjonene bevisst for å besvare reelle spørsmål.
Lær deg Python med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 76
- Leksjoner
- 320
Ofte stilte spørsmål
Er leksjonen «Interaktive funksjoner» gratis?
Ja – hele teksten i «Interaktive funksjoner» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Python Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Python Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Interaktive funksjoner»?
Zoom, hold markøren over og panorer Du øver på Python Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Python Academy?
Ingen tidligere erfaring er nødvendig. Python Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.
Hvor lang tid tar leksjonen «Interaktive funksjoner»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Python Academy-leksjonen?
Ja. Alle Python Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Grunnleggende om Plotly Express
- Interaktive funksjoner
- Dashboard-konsepter
- Eksportere og bygge inn