Úvod do grafov JavaFX

Ako všetci vieme, graf je známy ako grafický spôsob reprezentácie údajov. Tieto grafy pomáhajú pri analýze obrovského množstva údajov, čo uľahčuje niekoľko aplikácií v reálnom čase. Používa sa hlavne na účely nahrávania. Existujú rôzne typy grafov, ako napríklad bodový graf, stĺpcový graf, čiarový graf, výsečový graf, skladaný graf, skladaný stĺpcový graf atď. Aj keď existuje niekoľko typov, všetky z nich nepodporujú analýzu údajov. V Java sú tieto mapy podporované JavaFX. Pozrime sa na rôzne typy máp a na to, ako vytvoriť mapy v JavaFXe podrobne.

Ako vytvoriť grafy JavaFx?

Na vytvorenie grafov JavaFX je možné vykonať nasledujúce kroky.

1. Nakonfigurujte osi

Najprv definujte, čo by sa malo uviesť v osiach X a Y grafu. Existujú dva spôsoby konfigurácie osí. CategoryAxis sa používa pri uvádzaní kategórie a NumberAxis sa používa na uvádzanie číselnej hodnoty. Napríklad číselné údaje sa musia uviesť takto.

//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");

V príklade je počet vlastnených kníh označený na osi x a miera za knihu je označená na osi Y.

2. Vytvorte graf

Okamžitá výučba podľa potrebnej tabuľky. Pre každú schému budú rôzne syntaxe. O tom sa bude hovoriť v nasledujúcej časti. Napríklad od teraz sa pozrime na syntax, ktorá sa používa pre LineChart.

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

Uvedená syntax tiež nastavuje názov pre čiarový graf.

3. Odovzdávanie údajov do grafu

Toto je najdôležitejší krok v tomto procese, keď sa vytvorí inštancia pre XYChart.Series. Počet sérií je rovnaký ako počet entít v grafe. Na prenos údajov do grafu sa používa nasledujúca syntax.

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

4. Pridávanie údajov do série

Teraz je potrebné vytvoriť mapu medzi hodnotami na osi x a na osi y, aby sa vytvoril graf. Hodnoty, ktoré je potrebné zobraziť v grafe, sa pridajú pomocou syntaxe uvedenej nižšie.

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

Tu sa pridajú 3 hodnoty, ktoré sa majú zobraziť v grafe.

5. Nakonfigurujte skupinu a scénu

Konfigurácia skupiny a scény je bežnou súčasťou všetkých aplikácií JavaFX. Po vytvorení skupiny sa k nej pridá graf.

Group gp = new Group();

Potom sa vytvorí objekt triedy scény a tento sa postúpi do metódy setScene () nasledovne.

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

Typy grafov JavaFX

V JavaFX, balíček javafx.scene a tabuľka tried pomáha pri vytváraní grafov. Táto trieda je základnou triedou všetkých dostupných máp.

Nasledujú grafy, ktoré sú súčasťou balíka javafx.scene.

  • Výsečový graf
  • Čiarový graf
  • Bodový graf
  • Stĺpcový graf
  • Bubble Chart
  • Area Chart “
  • Skladaný plošný graf
  • Skladaný stĺpcový graf

1. Výsečový graf

V koláčovom grafe budú údaje reprezentované vo forme kruhu rozdeleného na plátky. Všetky tieto plátky spolu tvoria celý kruh. Každý rez má iný pomer, pretože dáta sa líšia na základe údajov predstavovaných týmto rezom.

  • Trieda použitá pre výsečový graf v JavaFX: javafx.scene.chart.PieChrt.

syntaxe:

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. Čiarový graf

Čiarový graf spája sériu údajov s určitými bodmi pripojenia. Pomocou tohto grafu je možné vizualizovať aj rozdiely v údajoch.

  • Trieda použitá pre čiarový graf v JavaFX: javafx.scene.chart.LineChart

syntaxe:

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. Bodový graf

Bodový graf sa zobrazuje na základe hodnôt v oboch osiach bez akýchkoľvek odkazov. Značky je možné vidieť rozptýlené.

  • Trieda použitá pre bodový graf v JavaFX: javafx.scene.chart.ScatterChart

syntaxe:

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. Stĺpcový graf

Dáta sa zobrazujú vo forme obdĺžnikových stĺpcov s výškou alebo dĺžkou na základe pomeru hodnôt.

  • Trieda použitá pre stĺpcový graf v JavaFX: javafx.scene.chart.BarChart

syntaxe:

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

5. Bublinový graf

Tento graf je modifikáciou rozptylového grafu, kde sú dáta reprezentované vo forme bubliniek namiesto dátových bodov a iná premenná údajov sa označuje ako veľkosť bubliniek.

  • Trieda použitá pre bublinový graf v JavaFX: javafx.scene.chart.BubbleChart

syntaxe:

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. Plošný graf

Plošný graf zobrazuje kvantitatívne údaje a oblasť medzi osou a čiarou je vyplnená farbami.

  • Trieda použitá pre Area Chart v JavaFX: javafx.scene.chart.AreaChart

syntaxe:

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. Skladaný plošný graf

Tento graf je rozšírením tabuliek normálnych oblastí, kde je oblasť označená pre údajové body v skupine.

  • Trieda použitá pre bublinový graf v JavaFX: javafx.scene.chart. StackedAreaChart

syntaxe:

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

8. Skladaný stĺpcový graf

Graf zobrazuje hodnoty rôznych skupín na obdĺžnikovej lište a je usporiadaný vo forme stohu.

  • Trieda použitá pre bublinový graf v JavaFX: javafx.scene.chart. StackedBarChart

syntaxe:

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

Odporúčané články

Toto je sprievodca JavaFX Charts. Tu diskutujeme o tom, ako vytvoriť grafy javafx? a typy, ktoré zahŕňajú, výsečový graf, čiarový graf a, bodový graf atď. Ďalšie informácie nájdete v nasledujúcich článkoch -

  1. Rozdiely medzi JavaFX a Swing
  2. Konštruktor JFrame
  3. Konštruktor JFileChooser v Jave
  4. Obrátenie poľa
  5. Štítok JavaFX
  6. Posuvník JavaFX
  7. Ako zadávať text v JavaFX TextField?
  8. Konštruktory a metódy tlačidla JavaFx
  9. Program na implementáciu JavaFX FileChooser
  10. 3 Metódy jQuery Slide s programovaním
  11. Top 15 metód HBox v JavaFX
  12. Ako vytvoriť checkbox v JavaFX s príkladmi?

Kategórie:

Vývoj softvéru