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

414

Ää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. Miksi juuri vasemmiston puolelta tulee niin paljon luusereita, kelapummeja jne.

      Tämä asia ihmetyttää suuresti.
      Maailman menoa
      95
      3571

    2. Putin lähti takki auki sotaan....

      Luuli, että kolmessa päivässä hoidetaan, nyt on mennyt 3,5 vuotta eikä voitosta tietoakaan. Kaiken lisäksi putin luuli,
      Maailman menoa
      75
      3135

    3. SDP ylivoimainen ykkönen

      En ole koskaan viitsinyt käydä äänestämässä, mutta nyt SDP:n etumatka on niin kutkuttava, että pakkohan se on vaivautua.
      Maailman menoa
      83
      2588

    4. Suomalainen lähti ilman takkia sotaan

      Malli oli "kajander", johon kuului pelkästään kokardi, ja sotilaan itse metsästä katkoma puukeppi ryssien huitomiseen.
      Maailman menoa
      5
      2386

    5. Polttomoottoriauto on köyhän merkki

      Kun ei ole varaa ostaa sähköautoa, niin joutuu köyhän autoa käyttämään.
      Maailman menoa
      215
      2229

    6. Patteriauton ovia ei saatu auki - kuljettaja koki hirvittävän kuoleman!

      ”Oviongelma johti kuskin kuolemaan kolarissa – tämä ratkaisu saatetaan kieltää kokonaan Sivulliset pyrkivät tempomaan a
      Maailman menoa
      30
      2131

    7. Harmittaa ettei paluuta entiseen enää ole

      Paluuta entiseen ei ole koska pilasit kaiken.
      Ikävä
      95
      918

    8. Mies älä

      Odota enää vaan toimi. Pieni vinkkivitonen 🫰💥
      Ikävä
      41
      900

    9. Mä tiedän

      Että sä tiedät, että mä tiedän, että sä tiedät. Me molemmat tiedetään. Onko näin?
      Ikävä
      52
      796

    10. Haapaveille jotain uutta!

      Huoltoasema Haapavein keskustaan tulossa. Semmoista Jeppasissa jaappasevat.
      Haapavesi
      16
      760
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt