JavaFX egyszerű oszlopdiagramok készítése

Ha érdekel a adatok megjelenítése, a sávdiagram az egyik leghatékonyabb módja az információk vizuális bemutatásának. Ebben az útmutatóban megtanulod, hogyan hozhatsz létre egy sávdiagramot (BarChart) JavaFX segítségével. A sávdiagramok használatával könnyen azonosíthatod a jelentős trendeket és összehasonlításokat. Merüljünk el benne!

Legfontosabb megállapítások

Ahhoz, hogy sávdiagramot készíts JavaFX-ben, szükséged van a diagram alapvető osztályaira, beleértve a CategoryAxis-t az X-tengelyhez és a NumberAxis-t az Y-tengelyhez. Különféle adat sorozatokat adhatsz hozzá, és címkéket állíthatsz be a tengelyekhez, hogy javítsd a diagramod olvashatóságát.

Lépésről lépésre útmutató

A sávdiagram létrehozása JavaFX-ben egyszerű folyamat, amelyen több lépésben végigmehetsz.

1. lépés: A sávdiagram alapjai

Mielőtt elkezdenénk a megvalósítást, nézz meg egy példát egy sávdiagramra. Itt bemutatjuk a különböző mobil operációs rendszerek elterjedését az évek során. Már láttad a diagram alapvető elemeit, mint a sávok, amelyek az egyes operációs rendszereket reprezentálják.

2. lépés: Az adatok meghatározása

Először definiálj néhány karakterláncot, amelyek az operációs rendszereket képviselik. Másold le a különböző operációs rendszerek adatait, amelyeket meg szeretnél jeleníteni a diagramon. Például:

final static String itemA = "Android";
final static String itemB = "iOS";
final static String itemC = "Windows 10";

Most már megvan minden szükséges adatod az X-tengelyhez, amely az operációs rendszereket ábrázolja.

3. lépés: A tengelyek létrehozása

A sávdiagram létrehozásához szükséged van egy kategória tengelyre (az operációs rendszerekhez) és egy numerikus tengelyre (a százalékos elterjedéshez). Hozd létre a tengelyeket a következőképpen:

CategoryAxis xAxis = new CategoryAxis();
NumberAxis yAxis = new NumberAxis();

4. lépés: A sávdiagram inicializálása

A cím megadásával a sávdiagramod több kontextust kap.

5. lépés: Címkék a tengelyekhez

Ahhoz, hogy a diagramod világosabb legyen, érdemes címkéket hozzáadni a tengelyekhez. Ez segít a nézőknek jobban megérteni a bemutatott adatokat:

xAxis.setLabel("Operációs rendszer");
yAxis.setLabel("Elterjedés százalékban");

6. lépés: Adatsorozatok hozzáadása

Most eljött az ideje, hogy az adatokat sorozatok formájában hozzáadd. Hozd létre az első adatsorozatot 2014-re:

Itt rögzítetted az operációs rendszerek elterjedési adatait 2014-ben.

7. lépés: Második adatsorozat hozzáadása

Hozzáadhatsz egy második adatsorozatot 2015-re. Ez lehetővé teszi, hogy az időbeli változásokat ábrázold. Hozd létre ezt a sorozatot hasonlóan az elsőhöz:

8. lépés: Adatok hozzáadása a BarChart-hoz

Ahhoz, hogy a sávdiagramod teljes legyen, hozzá kell adnod a sorozatokat a BarChart-hoz:

Most már mindkét adatsorozatot hozzáadtad. A diagram készen áll a megjelenítésre.

9. lépés: A sávdiagram megjelenítése

Most megjelenítheted a diagramot. Használj megfelelő scenáriót és staget, hogy a diagramod látható legyen a képernyőn. Ezzel befejezted a sávdiagramod létrehozásának minden lépését.

Összefoglalás

Ebben az útmutatóban megtanultad, hogyan készíthetsz sávdiagramot JavaFX-szel. Átmentél az alapvető lépéseken az adatok meghatározásától, a tengelyek létrehozásán, az adatsorozatok hozzáadásán át, egészen a diagram megjelenítéséig. Láttad azt is, hogyan segítenek a statikus karakterláncok és tengelykonfigurációk optimalizálni a bemutatást. Ezen technikák segítségével az adatokat vizuálisan vonzóan és informatívan ábrázolhatod.