Feladat: I.282 Korcsoport: - Nehézségi fok: -
Füzet: 2011/december, 553 - 554. oldal  PDF  |  MathML 

A szöveg csak Firefox böngészőben jelenik meg helyesen. Használja a fenti PDF file-ra mutató link-et a letöltésre.

Az interneten több szabadon fölhasználható, vagy ingyenes próbaverziójú Javascript megoldás létezik diagramok weboldalon történő megjelenítésére. A legtöbbjükhöz hasznos súgó és dokumentáció is elérhető, így könnyen beépíthetjük őket saját programunkba. Készítsünk az egyik segítségével weboldalt, amely adatok beírását és grafikus megjelenítését teszi lehetővé.
Az adatok bevitelét az urlap.html oldalon végezzük. Ez az oldal tartalmazzon egy 10×10-es beviteli mezőkből álló táblázatot, melynek első sorába az adatok fejlécét, első oszlopába az egyes adatsorok nevét, az első sor első cellájába a később megjelenítendő diagram címét lehessen megadni. Az űrlap használatakor a táblázat többi cellájába egész számokat írunk. A táblázat azon részét tekintsük a diagram adattartományának, amelynek fejléce és adatsorának neve nem üres. A táblázat így kiválasztott részében üresen maradó cellákat vegyük nulla értékűnek. A táblázat után rádiógombok segítségével lehessen kiválasztani, hogy milyen típusú diagramot szeretnénk: oszlop, kör vagy vonal. Az űrlap utolsó részében ötféle színsorozatból lehessen egyet kiválasztani, mely a leendő diagram egyes adatpontjainak színét tartalmazza.
Az urlap.html oldal végén helyezzünk el egy parancsgombot, melynek megnyomására a diagram.html oldal töltődjön be. Ezen az oldalon jelenjen meg a diagram az előző oldalon fölvett adatokkal. Amennyiben oszlop- vagy vonaldiagramot rajzolunk, akkor legyenek tengelyek, a függőleges tengelyen vegyünk fel megfelelő beosztást, az adatpontok értékét azok fölött jelenítsük meg. Kördiagram esetén jelenjenek meg az egyes adatsorozatok nevei és hogy az adott adatpont hány százalékát teszi ki az egésznek.
Beküldendő egy tömörített i282.zip mappában a két HTML oldal és a működéshez szükséges további programállományok, valamint egy rövid i282.txt nevű dokumentáció, amiben szerepel a megoldáshoz alkalmazott Javascript diagramkészítő internetes elérhetősége.