JavaFX eenvoudig staafdiagrammen maken

Als je geïnteresseerd bent in het weergeven van gegevens, is een staafdiagram een van de effectiefste manieren om informatie visueel te presenteren. In deze gids leer je hoe je met JavaFX een staafdiagram (BarChart) kunt maken. Door gebruik te maken van staafdiagrammen kun je belangrijke trends en vergelijkingen eenvoudig identificeren. Laten we erin duiken!

Belangrijkste inzichten

Om een staafdiagram in JavaFX te maken, heb je de Basis-klassen voor het diagram nodig, waaronder CategoryAxis voor de X-as en NumberAxis voor de Y-as. Je kunt verschillende gegevensseries toevoegen en labels voor de assen instellen om de leesbaarheid van je diagram te verbeteren.

Stap-voor-stap handleiding

Het maken van een staafdiagram in JavaFX is een eenvoudig proces dat je in verschillende stappen kunt doorlopen.

Stap 1: Basisprincipes van het staafdiagram

Voordat we beginnen met de implementatie, bekijk een voorbeeld van een staafdiagram. Hier presenteren we de verspreiding van verschillende mobiele besturingssystemen door de jaren heen. Je hebt al de basis elementen van het diagram gezien, zoals de staven die voor de verschillende besturingssystemen staan.

Stap 2: Gegevens definiëren

Definieer eerst enkele strings die de besturingssystemen vertegenwoordigen. Kopieer de specificaties voor de verschillende besturingssystemen die je in het diagram wilt weergeven. Bijvoorbeeld:

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

Nu heb je alle noodzakelijke gegevens voor de X-as die de besturingssystemen vertegenwoordigen.

Stap 3: Assen creëren

Om het staafdiagram te maken, heb je zowel een categorie-as (voor de besturingssystemen) als een numerieke as (voor de verspreiding in procenten) nodig. Maak de assen als volgt aan:

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

Stap 4: Initialisatie van het staafdiagram

Door het instellen van een titel, krijgt je staafdiagram meer context.

Stap 5: Labels voor de assen

Om je diagram duidelijker te maken, moet je labels voor de assen toevoegen. Dit helpt de kijkers om de weergegeven gegevens beter te plaatsen:

xAxis.setLabel("Besturingssysteem");
yAxis.setLabel("Verspreiding in procenten");

Stap 6: Gegevensseries toevoegen

Nu is het tijd om de gegevens in de vorm van series toe te voegen. Maak de eerste gegevensreeks voor het jaar 2014:

Hier heb je de verspreidingsgegevens voor elk besturingssysteem in het jaar 2014 vastgesteld.

Stap 7: Tweede gegevensreeks toevoegen

Je kunt een tweede gegevensreeks voor het jaar 2015 toevoegen. Dit geeft je de mogelijkheid om veranderingen in de tijd weer te geven. Maak deze reeks op een vergelijkbare manier als de eerste:

Stap 8: Gegevens aan BarChart toevoegen

Om je staafdiagram compleet te maken, moet je de series aan het BarChart toevoegen:

Nu heb je beide gegevensseries toegevoegd. Het diagram is gereed om gerenderd te worden.

Stap 9: Weergave van het staafdiagram

Nu kun je het diagram weergeven. Gebruik een geschikte scène en stage om je diagram op het scherm zichtbaar te maken. Hiermee heb je alle stappen voor het maken van je staafdiagram afgerond.

Samenvatting

In deze gids heb je geleerd hoe je met JavaFX een staafdiagram maakt. Je hebt de basisstappen doorlopen van het definiëren van de gegevens tot het creëren van assen, het toevoegen van gegevensseries en het weergeven van het diagram. Je hebt ook gezien hoe statische strings en as-configuraties helpen om de presentatie te optimaliseren. Met deze technieken kun je gegevens visueel aantrekkelijk en informatief weergeven.