Kuinka tehdään interaktiivinen kaavio?

Anonyymi-ap

Kuten Ylen sivustolla oleva "Sähkön hinta tänään" kaavio?

https://yle.fi/a/74-20003500

Kun siinä siirtää hiirtä päällä, niin näytetään pystyviivalla kyseisen hetken hinta.

Joku hiiren "hoover"-juttu varmaan käytössä? Millähän hakusanoilla vastaavan tekemiseen löytyisi lisätietoa?

5

365

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Kyllähän tuo onnistuu vaikka ihan vaan seuraamalla hiiren liikettä (mousemove event) ja piirtämällä kaavio uudestaan aina kun hiiri liikkuu.

      Tuossa on näköjään käytetty hienosti SVG:tä niin ei tarvitse koko kaaviota piirrellä uudestaan, muuttaa vain tarvittavien elementtien parametreja.

      • Anonyymi

        Ja tuo SVG elementtien parametrien muuttaminen tapahtuu tietenkin JavaScriptillä.

        Eli mousemove event joka käynnistää JavaScript pätkän joka muuttaa kaaviota.

      • Anonyymi

        Kokeille hirttosilmukkaa!

    • Anonyymi

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Näin kun katsoit salaa ja

      Hymyilit sieltä kaukaa 😍☺️ mutta hämmennyin ja tilanne oli niin nopeaa ohi etten oikeen kerennyt mukaan 😢 säteilit ku
      Ikävä
      66
      5595

    2. Povipommi, ex-Playboy-malli Susanna Penttilä avoimena - Paljastaa suhteestaan miehiin: "Olen..."

      No nyt! Susanna Penttilä on OnlyFans-vaikuttaja ja yrittäjä sekä yksi uuden Petolliset-kauden kisaajista. Onpa 53-vuoti
      Kotimaiset julkkisjuorut
      93
      2942

    3. Kuvaa yhdellä sanalla meidän välejä tällä hetkellä

      Vastaa kuin vastaisit Hänelle.
      Ikävä
      274
      2601

    4. Katu täyttyy...

      Hei, oli pakko laittaa vielä tää. Huomaan että olet suuttunut. Minähän sanoin että poistun, olit paikalla. Olin pettynyt
      Ikävä
      36
      2449

    5. Korjaa toki jos...

      Koet että ymmärsin sinut kuitenkin aivan väärin. Jännittäminen on täyttä puppua kun et muitakaan miehiä näköjään jännitä
      Ikävä
      22
      2191

    6. Ympäristötuhoministeri Multala: "Olin humalassa"

      Ruisrockin rokkimimmi myöntää: https://www.is.fi/politiikka/art-2000011407835.html Nämä ministerikuvatukset saavat ilm
      Maailman menoa
      261
      1754

    7. Taas joku junan alle

      Piltolan tasoristeyksessä: https://www.tilannehuone.fi/ Uutinen Iltalehdessä, Iltasanomissa, MTV:llä, Ylellä jne. Jossai
      Loimaa
      58
      1329

    8. Harmittaa...Lampsiinjoen sillat

      Tulva vei toisen ja toinenkin hajosi. Mielellään korjaisin molemmat, mutta ei ole resursseja siihen hommaan. Ikää jo 72v
      Imatra
      13
      1203

    9. Jalat alta

      Multa kun veit 😎 👘 🦵🦵🤏
      Ikävä
      88
      1165

    10. Joko luovutat

      Mun suhteen?
      Ikävä
      90
      1146
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt