Вступ до діаграм JavaFX

Як ми всі знаємо, діаграма відома як графічний спосіб подання даних. Ці діаграми допомагають аналізувати величезний обсяг даних, що спрощує кілька додатків у режимі реального часу. В основному використовується для цілей запису. Існують різні типи діаграм, такі як діаграми розсіювання, смугові діаграми, лінійні діаграми, кругова діаграма, складені діаграми області, штабельна діаграма тощо. Хоча існує декілька типів, усі вони не підтримують аналіз даних. На 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.

  • Кругова діаграма
  • Лінійна діаграма
  • Діаграма розсіювання
  • Гістограма
  • Бульбашкова діаграма
  • Площа діаграми`
  • Діаграма з розміщеною площею
  • Складена гістограма

1. Кругова діаграма

На круговій діаграмі дані будуть представлені у вигляді кола, розділеного на фрагменти. Всі ці скибочки разом утворять ціле коло. Кожен фрагмент має різну пропорцію, оскільки дані змінюються залежно від даних, представлених цим фрагментом.

  • Клас, який використовується для Pie 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 в 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. Діаграма

Дані відображаються у вигляді прямокутних брусків висотою або довжиною на основі пропорції значень.

  • Клас, що використовується для бар-діаграми в 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 в 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. Площа діаграми

Діаграма області відображає кількісні дані, а область між віссю та лінією заповнена кольорами.

  • Клас, який використовується для обласної діаграми в 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? і типи, які включають, кругову діаграму, лінійну діаграму та діаграму розкидання тощо. Ви також можете переглянути наступні статті, щоб дізнатися більше -

  1. Відмінності між JavaFX і Swing
  2. Конструктор JFrame
  3. Конструктор JFileChooser на Java
  4. Зворотний масив
  5. Мітка JavaFX
  6. Слайдер JavaFX
  7. Як ввести текст у JavaFX TextField?
  8. Конструктори та методи кнопки JavaFx
  9. Програма для впровадження JavaFX FileChooser
  10. 3 методи слайдів jQuery з програмуванням
  11. Топ-15 методів HBox в JavaFX
  12. Як створити прапорець у JavaFX за допомогою прикладів?

Категорія:

Розробка програмного забезпечення