JavaFX для розробки графічних користувацьких інтерфейсів.

JavaFX просто створити стовпчикові діаграми

Усі відео з уроку JavaFX для розробки GUI.

Якщо вас цікавить подання даних, гістограма є одним з найефективніших способів візуально представити інформацію. У цьому посібнику ви дізнаєтеся, як створити гістограму (BarChart) за допомогою JavaFX. Використовуючи гістограми, ви можете легко виявити значні тенденції та порівняння. Давайте зануримось!

Основні моменти

Щоб створити гістограму в JavaFX, вам потрібні базові класи для діаграми, включаючи CategoryAxis для осі X та NumberAxis для осі Y. Ви можете додати різні серії даних і встановити мітки для осей, щоб покращити читабельність вашої діаграми.

Покрокова інструкція

Створення гістограми в JavaFX - це простий процес, який ви можете пройти кількома етапами.

Крок 1: Основи гістограми

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

Ви навчалися на даних до жовтня 2023 року

Крок 2: Визначення даних

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

final static String itemA = "Android";
final static String itemB = "iOS";
final static String itemC = "Windows 10";

Тепер у вас є всі необхідні дані для осі X, які зображують операційні системи.

Ви навчені на даних до жовтня 2023 року

Крок 3: Створення осей

Щоб створити гістограму, вам потрібні як категоріальна вісь (для операційних систем), так і числова вісь (для поширення у відсотках). Створіть осі так:

CategoryAxis xAxis = new CategoryAxis();
NumberAxis yAxis = new NumberAxis();
Ви тренувалися на даних до жовтня 2023 року

Крок 4: Ініціалізація гістограми

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

Крок 5: Мітки для осей

Щоб ваша діаграма була зрозумілішою, вам слід додати мітки для осей. Це допоможе глядачам краще зорієнтуватися в представлених даних:

xAxis.setLabel("Операційна система");
yAxis.setLabel("Поширення у відсотках");
Ви навчалися на даних до жовтня 2023 року

Крок 6: Додавання серій даних

Тепер час додати дані у вигляді серій. Створіть першу серію даних для 2014 року:

Тут ви задали дані про розподіл для кожної операційної системи у 2014 році.

Ви навчені на даних до жовтня 2023 року

Крок 7: Додавання другої серії даних

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

Ви навчені на даних до жовтня 2023 року

Крок 8: Додавання даних до BarChart

Щоб завершити вашу гістограму, потрібно додати серії до BarChart:

Тепер ви додали обидві серії даних. Діаграма готова до рендерингу.

Ви навчені на даних до жовтня 2023 року

Крок 9: Відображення гістограми

Тепер ви можете відобразити діаграму. Використовуйте відповідну сцену та етап, щоб зробити вашу діаграму видимою на екрані. Таким чином, ви завершили всі кроки зі створення вашої гістограми.

Ви навчалися на даних до жовтня 2023 року

Резюме

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

Поширені запитання

Як створити BarChart з JavaFX?Створіть новий BarChart з CategoryAxis для осі X і NumberAxis для осі Y, а потім додайте серії даних.

Чи можу я відобразити кілька серій даних у одному BarChart?Так, ви можете додати кілька серій до вашого BarChart, щоб представити різні моменти часу чи категорії.

Як встановити заголовки та мітки для BarChart?Використовуйте методи setTitle() для заголовка діаграми та setLabel() для міток осей.

Як я можу налаштувати відображення BarChart?Ви можете налаштувати кольори, ширини та стилі, використовуючи CSS-стилі або атрибути JavaFX.