Python Academy · Oppitunti

Vuorovaikutteiset ominaisuudet

Lähennä, tarkastele osoittamalla ja paneroi

Oppitunti 2/413 vaihetta

Vuorovaikutteiset ominaisuudet on ilmainen Python Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Python Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Python Academy-kurssilla on yhteensä 4 oppituntia.

Miksi interaktiivisuudella on merkitystä

Plotlyn suurin etu staattisiin kirjastoihin verrattuna on, että kaaviot reagoivat käyttäjän toimintaan. Lukijat voivat zoomata alueelle, panoroida dataa ja viedä hiiren kohteen päälle lukeakseen tarkat arvot ilman, että kaavio täytetään selitteillä.

Interaktiivisuuden ansiosta yksi kaavio voi tarjota sekä yleiskuvan että yksityiskohdat.

Hover-työkaluvihjeet

Kun viet hiiren pisteen päälle, näet oletusarvoisesti sen x- ja y-arvot. Voit täydentää tietoja komennolla hover_data=['col1', 'col2'], joka lisää muita sarakkeita, tai määrittää työkaluvihjeen lihavoidun otsikon komennolla hover_name='name'.

Hyvät työkaluvihjeet vähentävät tarvetta ahtaa tietoa itse kaavioon.

Työkaluvihjetekstin muodostaminen

Työkaluvihje on pohjimmiltaan vain datarivistä koottua muotoiltua tekstiä. Sama idea voidaan esittää tavallisena Python-koodina.

point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)

Zoomaus ja panorointi

Plotly-kuvissa on zoomaus-, panorointi- ja aluevalintatyökalut sisältävä mode bar. Voit myös vetää hiirellä suorakulmion zoomataksesi siihen ja palauttaa näkymän kaksoisnapsauttamalla.

Nämä toiminnot ovat oletusarvoisesti käytössä, joten niitä varten ei yleensä tarvitse kirjoittaa koodia.

Alue ja palautus

Zoomaus muuttaa akselin aluetta väliaikaisesti. Voit määrittää alkuperäisen alueen komennolla fig.update_xaxes(range=[0, 100]), ja käyttäjä voi aina palauttaa näkymän siihen.

Ajattele zoomausta koko data-alueen alialueen valitsemisena.

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-tilat

fig.update_layout(hovermode='x unified') näyttää yhden työkaluvihjeen, jossa luetellaan kaikki sarjat hiiren alla olevassa x-kohdassa. Se sopii erinomaisesti useiden viivojen vertaamiseen samassa ajanhetkessä.

Muita tiloja ovat esimerkiksi 'closest' ja 'x'.

Selitteen interaktiivisuus

Plotlyn selitteitä voi napsauttaa. Yksi napsautus piilottaa sarjan, ja kaksoisnapsautus näyttää vain kyseisen sarjan. Näin käyttäjät voivat keskittyä haluamaansa dataan ilman erillisten kaavioiden rakentamista.

Toiminto toimii automaattisesti aina, kun kaaviossa on useita traceja.

Aikavälin liukusäätimet

Aikasarjoihin voi lisätä aikavälin liukusäätimen komennolla fig.update_xaxes(rangeslider_visible=True). Kaavion alapuolelle ilmestyy pieni yleiskatsauskaavio, josta käyttäjät voivat vetämällä valita päivämääräjakson.

Se sopii hyvin yhteen aikavälin valintapainikkeiden, kuten 1m, 6m ja YTD, kanssa.

Mukautetut hover-mallit

Täysi hallinta saadaan käyttämällä hovertemplate-merkkijonoa, joka sisältää esimerkiksi paikanhaltijat %{x} ja %{y}. Voit määrittää tarkasti hiiren ollessa kohteen päällä näytettävän tekstin ja lukujen muotoilun.

Mallin suunnittelu on samanlaista kuin minkä tahansa muotoillun merkkijonon suunnittelu.

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)

Milloin kannattaa lopettaa

Interaktiivisuus on tehokasta, mutta silläkin on hintansa. Liian monet säätimet kuormittavat satunnaisia lukijoita. Ota käyttöön ominaisuudet, jotka vastaavat todellisiin kysymyksiin, ja luota muun osalta järkeviin oletusasetuksiin.

Mode bar

Jokaisen kuvaajan oikeassa yläkulmassa oleva työkalupalkki on mode bar. Siinä ovat zoomaus-, panorointi- ja automaattisen skaalauksen työkalut sekä kamerakuvake PNG-tiedoston lataamista varten. Voit määrittää tai piilottaa sen, kun näytät kuvaajan, käyttämällä config-argumenttia.

Käyttämättömien painikkeiden piilottaminen selkeyttää kaaviota ei-tekniselle yleisölle.

Pikatarkistus

Testaa interaktiivisia ominaisuuksia koskeva osaamisesi.

Vastaa interaktiivisessa oppitunnissa

Kertaus

Tutustuit Plotlyn interaktiivisuuteen:

Hover-työkaluvihjeet, joita voi täydentää komennoilla hover_data ja hovertemplate
Zoomaus ja panorointi sisäänrakennetun mode barin avulla
hovermode='x unified' yhdistettyjä työkaluvihjeitä varten
Napsautettavat selitteet ja aikasarjojen aikavälin liukusäätimet

Käytä näitä ominaisuuksia harkiten, jotta ne vastaavat todellisiin kysymyksiin.

Aloita maksutta

Opi Python tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 76
Oppitunnit: 320

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Vuorovaikutteiset ominaisuudet” ilmainen?

Kyllä – oppitunnin ”Vuorovaikutteiset ominaisuudet” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Python Academy-kurssin, päivitä CoddyKit PROhon. Python Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Vuorovaikutteiset ominaisuudet”?

Lähennä, tarkastele osoittamalla ja paneroi Harjoittelet Python Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Python Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Python Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.

Kuinka kauan ”Vuorovaikutteiset ominaisuudet”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Python Academy-oppitunnilla?

Kyllä. Jokainen Python Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: Python Academy