Úvod do JavaFX Charts
Jak všichni víme, graf je známý jako grafický způsob reprezentace dat. Tyto grafy pomáhají analyzovat obrovské objemy dat, což usnadňuje několik aplikací v reálném čase. Používá se hlavně pro účely záznamu. Existují různé typy grafů, jako je bodový graf, sloupcový graf, čárový graf, výsečový graf, skládaný graf, skládaný sloupcový graf atd. Přestože existuje několik typů, všechny z nich nepodporují analýzu dat. V Javě jsou tyto grafy podporovány programem JavaFX. Podívejme se na různé typy grafů a jak vytvořit grafy v JavaFXu podrobně.
Jak vytvořit grafy JavaFx?
Za účelem vytvoření grafů JavaFX lze provést následující kroky.
1. Nakonfigurujte osy
Nejprve definujte, co by mělo být uvedeno v osách X a Y v grafu. Existují dva způsoby konfigurace os. CategoryAxis se používá při uvádění kategorie a NumberAxis se používá pro uvádění číselné hodnoty. Například číselné údaje musí být uvedeny následovně.
//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 příkladu je počet vlastněných knih označen v ose x a sazba za knihu je označena v ose Y.
2. Vytvořte graf
Okamžitá výuka na základě potřebného grafu. Pro každý graf budou různé syntaxe. To bude probráno v další části. Například nyní se podívejme na syntaxi používanou pro LineChart.
LineChart ll = new LineChart(x, y);
ll.setTitle(“Line Chart Example”);
Výše uvedená syntaxe také nastavuje název pro čárový graf.
3. Předávání dat do grafu
Toto je nejdůležitější krok v tomto procesu, kdy je vytvořena instance pro XYChart.Series. Počet řad je stejný jako počet entit v grafu. K předávání dat do grafu se používá následující syntaxe.
XYChart.Series sr = new XYChart.Series();
4. Přidání dat do řady
Aby bylo možné vytvořit graf, musí být nyní provedeno mapování mezi hodnotami na ose x a na ose y. Hodnoty, které je třeba zobrazit v grafu, budou přidány pomocí níže uvedené syntaxe.
sr.getData().add(new XYChart.Data( 1, 567));
sr.getData().add(new XYChart.Data( 2, 557));
sr.getData().add(new XYChart.Data( 3, 547));
Zde jsou přidány 3 hodnoty pro zobrazení v grafu.
5. Nakonfigurujte skupinu a scénu
Konfigurace skupiny a scény je běžnou součástí všech aplikací JavaFX. Po vytvoření skupiny se k ní přidá graf.
Group gp = new Group();
Poté bude vytvořen objekt třídy scény a bude předán metodě setScene () následujícím způsobem.
Scene s = new Scene(gp, 600, 400);
Stage.setScene(s);
Stage.showTitle(“Chart Example “);
Stage.show();
Typy grafů JavaFX
V JavaFXu pomáhá při tvorbě grafů balíček javafx.scene a diagram tříd. Tato třída je základní třídou všech dostupných grafů.
Následující tabulky jsou součástí balíčku javafx.scene.
- Výsečový graf
- Čárový graf
- Bodový graf
- Sloupcový graf
- Bublinový graf
- Tabulka oblastí
- Skládaný plošný graf
- Skládaný sloupcový graf
1. Výsečový graf
V výsečovém grafu budou data reprezentována ve tvaru kruhu rozděleného na plátky. Všechny tyto plátky společně vytvoří celý kruh. Každý řez má jiný poměr, protože data se mění na základě dat představovaných tímto řezem.
- Třída použitá pro výsečový graf v JavaFX: javafx.scene.chart.PieChrt.
Syntax:
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. Čárový graf
Čárový graf propojuje řadu dat s určitými body připojení. Pomocí tohoto grafu lze také vizualizovat rozdíly v datech.
- Třída použitá pro Čárový graf v JavaFX: javafx.scene.chart.LineChart
Syntax:
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. Tabulka rozptylu
Graf rozptylu je zobrazen na základě hodnot v obou osách bez odkazů. Značky lze vidět rozptýlené.
- Třída použitá pro Scatter Chart v JavaFX: javafx.scene.chart.ScatterChart
Syntax:
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. Sloupcový graf
Data se zobrazí ve formě obdélníkových prutů s výškou nebo délkou na základě poměru hodnot.
- Třída použitá pro sloupcový graf v JavaFX: javafx.scene.chart.BarChart
Syntax:
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 modifikací rozptylového grafu, kde jsou data reprezentována ve formě bublin namísto datových bodů a další proměnná dat je označována jako velikost bublin.
- Třída použitá pro bublinový graf v JavaFX: javafx.scene.chart.BubbleChart
Syntax:
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 kvantitativní data a oblast mezi osou a čarou je vyplněna barvami.
- Třída použitá pro Area Chart v JavaFX: javafx.scene.chart.AreaChart
Syntax:
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. Skládaný plošný graf
Tento graf je rozšířením grafů normální oblasti, kde je oblast označena pro datové body ve skupině.
- Třída použitá pro bublinový graf v JavaFX: javafx.scene.chart. StackedAreaChart
Syntax:
StackedAreaChart ac = new StackedAreaChart(xAxis, yAxis);
ac.setTitle(" Stacked Area Example");
8. Skládaný sloupcový graf
Graf zobrazuje hodnoty různé skupiny na pravoúhlé liště a je uspořádán ve formě stohu.
- Třída použitá pro bublinový graf v JavaFX: javafx.scene.chart. StackedBarChart
Syntax:
StackedBarChart sb = new StackedBarChart(xAxis, yAxis);
sb.setTitle("Example");
Doporučené články
Toto je průvodce grafy JavaFX. Zde diskutujeme o tom, jak vytvořit grafy javafx? a typy, které zahrnují, výsečový graf, čárový graf a rozptylový graf atd. Další informace naleznete také v následujících článcích -
- Rozdíly mezi JavaFX a Swing
- Konstruktor JFrame
- Konstruktor JFileChooser v Javě
- Obrácení pole
- Štítek JavaFX
- Posuvník JavaFX
- Jak vkládat text do JavaFX TextField?
- Konstruktory a metody tlačítka JavaFx
- Program implementace JavaFX FileChooser
- 3 Metody jQuery Slide s programováním
- Top 15 metod HBox v JavaFX
- Jak vytvořit zaškrtávací políčko v JavaFX s příklady?