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?
4
111
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
Naiset miltä kiihottuminen teissä tuntuu
Kun miehellä tulee seisokki ja ja sellainen kihmelöinti sinne niin mitä naisessa köy? :)714992Haistoin ensin tuoksusi
Käännyin katsomaan oletko se todellakin sinä , otin askeleen taakse ja jähmetyin. Moikattiin naamat peruslukemilla. Tu152320- 251857
- 131556
- 391538
Miksi kohtelit minua kuin tyhmää koiraa?
Rakastin sinua mutta kohtelit huonosti. Tuntuu ala-arvoiselta. Miksi kuvittelin että joku kohtelisi minua reilusti. Hais51348- 101257
Kyllä poisto toimii
Esitin illan suussa kysymyksen, joka koska palstalla riehuvaa häirikköä ja tiedustelin, eikö sitä saa julistettua pannaa41181"Joka miekkaan tarttuu, se siihen hukkuu"..
"Joka miekkaan tarttuu, se siihen hukkuu".. Näin puhui jo aikoinaan Jeesus, kun yksi hänen opetuslapsistaan löi miekalla131176- 151166