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?
Kuinka tehdään interaktiivinen kaavio?
Anonyymi-ap
5
471
Vastaukset
- 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
Hakusanoilla "Google Charts" löytyy ehkä se hakemasi langan pää.
https://developers.google.com/chart
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Silmienvääntelijä-persut pääsivät Japanissa sarjakuvaan
Torille! https://www.hs.fi/kulttuuri/art-2000011943173.html1774995Nato kaatamassa Petterin haaveileman Tunnin junan?
Nato edellyttää pohjoisessa Jäämereltä Rovaniemelle saakka kapearaitesta suoraa rautatieväylää, joka maksaa paperirahaa,184376Donald Trump pääsi samalle listalle Sanna Marinin kanssa
Eli vasemmistolaisen Time-median top 100 jännäihmisten listalle. https://time.com/collections/time100-next-2021/593769993107Älkää vaan sairastuko syöpään Suomessa
Tilaston mukaan Suomi, Slovakia ja Latvia lääkitsee aivan pohjamudissa syöpää. Sairastunutta hoidetaan edelleen vanhana2532952Kyllä, maata ei halua puolustaa nimenomaan punavihreän puolen edustajat
"Esimerkiksi maanpuolustushenki on keskimääräistä alempana naisten, arvoliberaalien, heikossa taloustilanteessa olevien1432892- 522501
- 271919
- 221747
- 341733
- 651719