Introduksjon til JavaFX-diagrammer

Som vi alle vet, er diagrammet kjent som den grafiske måten å representere data på. Disse diagrammer hjelper deg med å analysere de enorme datamengdene som gjør det enkelt for flere sanntidsapplikasjoner. Den brukes hovedsakelig til opptak. Det finnes forskjellige typer diagrammer, for eksempel spredte diagram, søylediagram, linjediagram, kakediagram, stablet områdekart, stablet søylediagram osv. Selv om det finnes flere typer, støtter ikke alle av dem analyse av data. I Java støttes disse kartene av JavaFX. La oss se nærmere på de forskjellige typene diagrammer og hvordan lage diagrammer i JavaFX i detalj.

Hvordan lage JavaFx-diagrammer?

Følgende trinn kan utføres for å lage JavaFX-diagrammer.

1. Konfigurer aksene

Først definerer du hva som skal nevnes i X- og Y-aksene i diagrammet. Det er to metoder for å konfigurere aksene. CategoryAxis brukes mens nevnes kategori og NumberAxis brukes for å nevne numerisk verdi. For eksempel må numeriske detaljer nevnes som følger.

//x axis representation
NumberAxis x = new NumberAxis();
x.setLabel("No of books owned");
//y axis representation
NumberAxis y = new NumberAxis();
y.setLabel("Rate per book");

I eksemplet er antallet eide bøker angitt i x-aksen og hastigheten per bok er angitt i Y-aksen.

2. Lag diagrammet

Instantize klassen basert på diagrammet som trengs. Det vil være forskjellige syntakser for hvert diagram. Dette vil bli diskutert i neste avsnitt. Nå, for eksempel, la oss se syntaks som brukes til LineChart.

LineChart ll = new LineChart(x, y);
ll.setTitle(“Line Chart Example”);

Ovennevnte syntaks setter også en tittel på linjediagrammet.

3. Overføre data til diagrammet

Dette er det mest avgjørende trinnet i denne prosessen der det opprettes en forekomst for XYChart.Series. Antall serier er det samme som antallet enheter i diagrammet. Følgende syntaks brukes for å overføre data til diagrammet.

XYChart.Series sr = new XYChart.Series();

4. Legge til data i serien

Nå må kartleggingen mellom verdiene i x-aksen og y-aksen gjøres for å lage diagrammet. Verdiene som må vises i diagrammet blir lagt til ved bruk av syntaks nedenfor.

sr.getData().add(new XYChart.Data( 1, 567));
sr.getData().add(new XYChart.Data( 2, 557));
sr.getData().add(new XYChart.Data( 3, 547));

Her blir 3 verdier lagt til for å vises i diagrammet.

5. Konfigurer gruppe og scene

Å konfigurere gruppe og scene er den vanlige delen i alle applikasjoner av JavaFX. Når gruppen er opprettet, vil diagrammet bli lagt til den.

Group gp = new Group();

Deretter opprettes et objekt av sceneklasse og blir sendt til metoden setScene () som følger.

Scene s = new Scene(gp, 600, 400);
Stage.setScene(s);
Stage.showTitle(“Chart Example “);
Stage.show();

Typer JavaFX-diagrammer

I JavaFX hjelper pakken javafx.scene og klassediagram med å lage diagrammer. Denne klassen er baseklassen for alle tilgjengelige diagrammer.

Følgende er diagrammer som er en del av pakken javafx.scene.

  • Kake diagram
  • Linjediagram
  • Spredningskart
  • Søylediagram
  • Bobleoversikt
  • Områdekart
  • Stablet områdekart
  • Stablet søylediagram

1. Kakediagram

I kakediagrammet blir data representert i form av en sirkel skilt i skiver. Alle disse skivene vil sammen danne en hel sirkel. Hver skive har en annen andel siden dataene varierer basert på dataene som er representert av den skiven.

  • Klasse brukt til kakediagram i JavaFX: javafx.scene.chart.PieChrt.

syntaks:

ObservableList pcd = FXCollections.observableArrayList(
new PieChart.Data("Happy", 50),
new PieChart.Data("Sad", 25),
new PieChart.Data("No emotions", 10),
new PieChart.Data("Confused", 15));
PieChart pc = new PieChart(pcd);

2. Linjediagram

Linjediagrammet knytter en serie med data til bestemte tilkoblingspunkter. Variasjonen i data kan også visualiseres ved hjelp av dette diagrammet.

  • Klasse brukt til linjediagram i JavaFX: javafx.scene.chart.LineChart

syntaks:

NumberAxis x = new NumberAxis();
x.setLabel("No of books owned");
NumberAxis y = new NumberAxis();
y.setLabel("Rate per book");
//line chart syntax
LineChart ll = new LineChart(x, y);

3. Spredningskart

Et scatter-diagram vises basert på verdiene i begge akser uten koblinger. Merkingene kan sees spredt.

  • Klasse brukt til Scatter Chart i JavaFX: javafx.scene.chart.ScatterChart

syntaks:

NumberAxis x = new NumberAxis(0, 12, 3);
x.setLabel("Count");
NumberAxis y = new NumberAxis(0, 16, 4);
y.setLabel("Rating");
//scatter chart syntax
ScatterChart scatterChart = new ScatterChart(x, y);

4. Søylediagram

Data vises i form av rektangellister med høyde eller lengde basert på andelen av verdiene.

  • Klasse brukt for søylediagram i JavaFX: javafx.scene.chart.BarChart

syntaks:

CategoryAxis x = new CategoryAxis();
x.setLabel("Mobile");
NumberAxis y = new NumberAxis();
y.setLabel("count");
//bar chart creation
BarChart bc = new BarChart(x, y);

5. Bobleoversikt

Dette diagrammet er en modifisering av et spredningskart der data er representert i form av bobler i stedet for datapunkter og en annen variabel av dataene er betegnet som boblestørrelse.

  • Klasse brukt til bobleoversikt i JavaFX: javafx.scene.chart.BubbleChart

syntaks:

NumberAxis x = new NumberAxis(0, 100, 10);
x.setLabel("Age");
NumberAxis y = new NumberAxis(20, 100, 10);
y.setLabel("No. of books owned");
BubbleChart bubbleChart = new BubbleChart(x, y);

6. Områdekart

Områdekart viser kvantitative data og området mellom akse og linje er fylt med farger.

  • Klasse brukt for områdekart i JavaFX: javafx.scene.chart.AreaChart

syntaks:

NumberAxis x = new NumberAxis();
x.setLabel("No of students");
NumberAxis y = new NumberAxis();
y.setLabel("fees per student");
AreaChart a = new AreaChart(x, y);

7. Stablet områdekart

Dette diagrammet er en utvidelse av de normale områdekartene der området er markert for datapunktene i gruppen.

  • Klasse brukt til bobleoversikt i JavaFX: javafx.scene.chart. StackedAreaChart

syntaks:

StackedAreaChart ac = new StackedAreaChart(xAxis, yAxis);
ac.setTitle(" Stacked Area Example");

8. Stablet søylediagram

Diagrammet viser de forskjellige gruppens verdier på en rektangulær bjelke og er ordnet i form av en stabel.

  • Klasse brukt til bobleoversikt i JavaFX: javafx.scene.chart. StackedBarChart

syntaks:

StackedBarChart sb = new StackedBarChart(xAxis, yAxis);
sb.setTitle("Example");

Anbefalte artikler

Dette er en guide til JavaFX-diagrammer. Her diskuterer vi hvordan du lager javafx-diagrammer? og typer som inkluderer kakediagram, linjediagram og spredningskart osv. Du kan også se på følgende artikler for å lære mer -

  1. Forskjeller mellom JavaFX vs Swing
  2. JFrame Constructor
  3. Konstruktøren til JFileChooser i Java
  4. Vend en rekke
  5. JavaFX-etikett
  6. JavaFX-glidebryteren
  7. Hvordan legge inn tekst i JavaFX TextField?
  8. Konstruktører og metoder for JavaFx-knapp
  9. Program for å implementere JavaFX FileChooser
  10. 3 Metoder for jQuery Slide med programmering
  11. Topp 15 metoder for HBox i JavaFX
  12. Hvordan lage avkrysningsrute i JavaFX med eksempler?

Kategori:

Programvare utvikling