Skapa enkla stapeldiagram i JavaFX

Om du är intresserad av att visualisera data är ett stapeldiagram ett av de mest effektiva sätten att presentera information visuellt. I denna guide lär du dig hur du kan skapa ett stapeldiagram (BarChart) med JavaFX. Genom att använda stapeldiagram kan du enkelt identifiera viktiga trender och jämförelser. Låt oss dyka in!

Viktigaste insikter

För att skapa ett stapeldiagram i JavaFX behöver du grundklasserna för diagrammet, inklusive CategoryAxis för X-axeln och NumberAxis för Y-axeln. Du kan lägga till olika dataserier och ställa in etiketter för axlarna för att förbättra läsbarheten av ditt diagram.

Steg-för-steg-guide

Att skapa ett stapeldiagram i JavaFX är en enkel process som du kan gå igenom i flera steg.

Steg 1: Grundläggande om stapeldiagram

Innan vi börjar med implementeringen, ta en titt på ett exempel på ett stapeldiagram. Här presenterar vi spridningen av olika mobila operativsystem över åren. Du har redan sett de grundläggande elementen i diagrammet, såsom staplarna som representerar de olika operativsystemen.

Steg 2: Definition av data

Först definierar du några strängar som representerar operativsystemen. Kopiera uppgifterna för de olika operativsystemen som du vill visa i diagrammet. Till exempel:

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

Nu har du all nödvändig data för X-axeln som representerar operativsystemen.

Steg 3: Skapa axlar

För att skapa stapeldiagrammet behöver du både en kategori-axel (för operativsystemen) och en numerisk axel (för spridningen i procent). Skapa axlarna på följande sätt:

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

Steg 4: Initiering av stapeldiagrammet

Genom att sätta en titel ger du ditt stapeldiagram mer sammanhang.

Steg 5: Etiketter för axlarna

För att ditt diagram ska vara mer lättförståeligt bör du lägga till etiketter för axlarna. Detta hjälper åskådarna att bättre förstå den presenterade datan:

xAxis.setLabel("Operativsystem");
yAxis.setLabel("Spridning i procent");

Steg 6: Lägg till dataserier

Nu är det dags att lägga till data i form av serier. Skapa den första dataserien för året 2014:

Här har du fastställt spridningsdata för varje operativsystem under 2014.

Steg 7: Lägga till andra dataserien

Du kan lägga till en andra dataserie för året 2015. Detta ger dig möjlighet att visa förändringar över tid. Skapa denna serie på samma sätt som den första:

Steg 8: Lägga till data till BarChart

För att göra ditt stapeldiagram komplett måste du lägga till serierna till BarChart:

Nu har du lagt till båda dataserierna. Diagrammet är klart att renderas.

Steg 9: Visa stapeldiagrammet

Nu kan du visa diagrammet. Använd en lämplig scen och stage för att göra ditt diagram synligt på skärmen. Nu har du avslutat alla steg för att skapa ditt stapeldiagram.

Sammanfattning

I denna guide har du lärt dig hur du skapar ett stapeldiagram med JavaFX. Du har genomgått grundläggande steg från definition av data till skapande av axlar och läggande till dataserier, samt visning av diagrammet. Du har också sett hur statiska strängar och axelkonfigurationer kan hjälpa till att optimera presentationen. Med dessa tekniker kan du presentera data på ett visuellt tilltalande och informativt sätt.