Въведение в JavaFX графики
Както всички знаем, диаграмата е известна като графичния начин за представяне на данни. Тези диаграми помагат за анализиране на огромния обем от данни, което улеснява няколко приложения в реално време. Използва се главно за целите на записа. Съществуват различни видове диаграми, като Scatter Chart, Bar Chart, Line Chart, Pie Chart, Stacked Area Chart, Stacked Bar Chart и др. Въпреки че има няколко типа, всички те не поддържат анализ на данни. В Java тези диаграми се поддържат от JavaFX. Нека разгледаме подробно различните видове диаграми и как да създадем графики в JavaFX.
Как да създадете JavaFx графики?
За да създадете JavaFX диаграми, могат да бъдат изпълнени следните стъпки.
1. Конфигурирайте осите
Първо, дефинирайте какво трябва да се спомене в осите X и Y на диаграмата. Има два метода за конфигуриране на осите. Използва се CategoryAxis, докато се споменава категория, а NumberAxis се използва за споменаване на числова стойност. Например, числовите детайли трябва да бъдат споменати, както следва.
//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");
В примера броят на притежаваните книги се обозначава в x-ос, а процентът на една книга е в Y-ос.
2. Създайте диаграмата
Инстанцирайте класа въз основа на необходимата диаграма. За всяка диаграма ще има различни синтаксиси. Това ще бъде разгледано в следващия раздел. Към настоящия момент, например, нека видим синтаксиса, използван за LineChart.
LineChart ll = new LineChart(x, y);
ll.setTitle(“Line Chart Example”);
Посоченият по-горе синтаксис също задава заглавие на линията диаграма
3. Предаване на данни в диаграмата
Това е най-важната стъпка в този процес, когато се създава инстанция за XYChart.Series. Броят на сериите е същият като броя на образуванията в диаграмата. За да се предадат данни в диаграмата, се използва следният синтаксис.
XYChart.Series sr = new XYChart.Series();
4. Добавяне на данни към серията
Сега, картографирането между стойностите в x-ос и y-ос трябва да се направи, за да се създаде диаграмата. Стойностите, които трябва да бъдат показани в диаграмата, ще бъдат добавени с помощта на по-долу синтаксиса.
sr.getData().add(new XYChart.Data( 1, 567));
sr.getData().add(new XYChart.Data( 2, 557));
sr.getData().add(new XYChart.Data( 3, 547));
Тук се добавят 3 стойности за показване в диаграмата.
5. Конфигуриране на група и сцена
Конфигурирането на група и сцена е общата част във всички приложения на JavaFX. След като групата е създадена, към нея ще бъде добавена диаграмата.
Group gp = new Group();
След това ще бъде създаден обект от клас на сцената и той ще бъде предаден на метода setScene (), както следва.
Scene s = new Scene(gp, 600, 400);
Stage.setScene(s);
Stage.showTitle(“Chart Example “);
Stage.show();
Видове диаграми на JavaFX
В JavaFX пакетът javafx.scene и класа класа помага при създаването на диаграми. Този клас е базовият клас на всички налични класации.
По-долу са диаграмите, които са част от пакета javafx.scene.
- Кръгова диаграма
- Линейна диаграма
- Скатер диаграма
- Бар диаграма
- Bubble Chart
- Областна диаграма`
- Подредена зонална диаграма
- Подредена бар диаграма
1. Пай диаграма
В круговата диаграма данните ще бъдат представени под формата на кръг, разделен на филийки. Всички тези филийки заедно ще образуват цял кръг. Всеки отрязък има различно съотношение, тъй като данните варират в зависимост от данните, представени от него.
- Клас, използван за Pie Chart в JavaFX: javafx.scene.chart.PieChrt.
Синтаксис:
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. Линейна диаграма
Линейната диаграма свързва серия от данни с определени точки на свързване. Разликата в данните също може да се визуализира с помощта на тази диаграма.
- Клас, използван за линейна диаграма в JavaFX: javafx.scene.chart.LineChart
Синтаксис:
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. Scatter Chart
Диаграма на разсейване се показва въз основа на стойностите в двете оси без никакви връзки. Маркировките могат да се видят разпръснати.
- Клас, използван за Scatter Chart в JavaFX: javafx.scene.chart.ScatterChart
Синтаксис:
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. Бар диаграма
Данните се показват под формата на правоъгълни ленти с височина или дължина въз основа на съотношението на стойностите.
- Клас, използван за Bar Chart в JavaFX: javafx.scene.chart.BarChart
Синтаксис:
CategoryAxis x = new CategoryAxis();
x.setLabel("Mobile");
NumberAxis y = new NumberAxis();
y.setLabel("count");
//bar chart creation
BarChart bc = new BarChart(x, y);
5. Bubble Chart
Тази диаграма е модификация на диаграма на разсейване, при която данните са представени под формата на мехурчета вместо точки от данни, а друга променлива от данните е обозначена като размер на балончето.
- Клас, използван за Bubble Chart в JavaFX: javafx.scene.chart.BubbleChart
Синтаксис:
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. Площ диаграма
Area Chart показва количествени данни и областта между оста и линия е изпълнена с цветове.
- Клас, използван за Area Chart в JavaFX: javafx.scene.chart.AreaChart
Синтаксис:
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. Диаграма на подредени площи
Тази диаграма е разширение на диаграмите за нормална площ, където площта е маркирана за точките от данни в групата.
- Клас, използван за Bubble Chart в JavaFX: javafx.scene.chart. StackedAreaChart
Синтаксис:
StackedAreaChart ac = new StackedAreaChart(xAxis, yAxis);
ac.setTitle(" Stacked Area Example");
8. Подредена бар диаграма
Диаграмата показва стойностите на различните групи на правоъгълна лента и е подредена под формата на стек.
- Клас, използван за Bubble Chart в JavaFX: javafx.scene.chart. StackedBarChart
Синтаксис:
StackedBarChart sb = new StackedBarChart(xAxis, yAxis);
sb.setTitle("Example");
Препоръчителни статии
Това е ръководство за JavaFX графики. Тук обсъждаме как да създадете javafx графики? и типове, които включват, диаграма с диаграма, линейна диаграма и диаграма на разсейване и т.н. Можете също да разгледате следните статии, за да научите повече -
- Разлики между JavaFX срещу Swing
- Конструктор на JFrame
- Конструкторът на JFileChooser в Java
- Обръщане на масив
- Етикет на JavaFX
- JavaFX плъзгач
- Как да въвеждате текст в JavaFX TextField?
- Конструктори и методи на JavaFx бутон
- Програма за внедряване на JavaFX FileChooser
- 3 метода на jQuery Slide с програмиране
- Топ 15 методи на HBox в JavaFX
- Как да създадете отметка в JavaFX с примери?