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
304
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
Joskus mietin
miten pienestä se olisi ollut kiinni, että et koskaan olisi tullut käymään elämässäni. Jos jokin asia olisi mennyt toisi244636- 883724
Ryöstö hyrynsalmella!
Ketkä ryösti kultasepänliikkeen hyryllä!? 😮 https://yle.fi/a/74-20159313483095- 542667
- 512599
- 2052597
Sukuvikaako ?
Jälleen löytyi vastuulliseen liikennekäyttäytymiseen kasvatettu iisalmelainen nuori mies: Nuori mies kuollut liikenne322390- 1522328
- 311945
Avustettu itsemurha herättää vahvoja tunteita - Laillista Sveitsissä, ei Suomessa
Hilkka Niemi sairastaa harvinaista PLS-sairautta. Hilkan on elettävä loppuelämänsä parantumattoman sairauden kanssa, jok1081529