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?
5
332
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
- 1017443
Siekkilässä ajettu ihmisten yli- mitä tapahtui? Länsi-Savo ei ole uutisoinut asiata
Manneja, vaiko matuja?805028- 794859
- 1324258
Alavuden sairaala
Säästääkö Alavuden sairaala sähkössä. Kävin Sunnuntaina vast. otolla. Odotushuone ja käytävä jolla lääkäri otti vastaan103048- 522689
- 402586
- 502237
Törkeää toimintaa
Todella törkeitä kaheleita niitä on Ylivieskassakin. https://www.ess.fi/uutissuomalainen/8570818102211Suudeltiin unessa viime yönä
Oltiin jossain rannalla jonkun avolava auton lavalla, jossa oli patja ja peitto. Uni päättyi, kun kömmit viereeni tähtit211840