Biểu đồ đường thẳng - LineChart trong JavaFX

Dẫn nhập

JavaFX là một công nghệ phát triển giao diện máy tính trên nền tảng Java nhằm thay thế công nghệ cũ Java Swing, Java AWT với những cấu trúc và cách viết dễ sử dụng, thân thiện với lập trình viên nhiều hơn

Qua khoá học JavaFX Cơ bản, Kteam sẽ cung cấp những kiến thức lập trình cơ bản về thiết kế giao diện phần mềm, giúp các bạn có thể tạo ra những phần mềm phục vụ cho học tập và công việc.

---

Nội dung

Nội dung bao gồm Source code & các lưu ý chính về quá trình thực hiện phần mềm. Kteam khuyến khích bạn cập nhập thêm nhiều kinh nghiệm cũng như hiểu chi tiết hơn về các kỹ thuật được đề cập trong bài học thông qua các video đính kèm.

Kiến thức cần nắm để học serial này:

• Java Cơ bản.
• Java Hướng đối tượng.

---

Project tham khảo

Controller.java

package sample.Main20;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.XYChart;

import java.net.URL;
import java.util.ResourceBundle;

public class Controller implements Initializable {

    @FXML
    LineChart<String, Number> lineChart;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        XYChart.Series<String, Number> series = new XYChart.Series<>();
        XYChart.Data<String, Number> jan = new XYChart.Data<>("Jan", 300);
        XYChart.Data<String, Number> feb = new XYChart.Data<>("Feb", 400);
        XYChart.Data<String, Number> mar = new XYChart.Data<>("Mar", 600);
        XYChart.Data<String, Number> apr = new XYChart.Data<>("Apr", 900);
        series.getData().addAll(jan, feb, mar, apr);
        series.setName("Salary per month of An");
        lineChart.getData().add(series);

        XYChart.Series<String, Number> series1 = new XYChart.Series<>();
        XYChart.Data<String, Number> jan1 = new XYChart.Data<>("Jan", 200);
        XYChart.Data<String, Number> feb1 = new XYChart.Data<>("Feb", 400);
        XYChart.Data<String, Number> mar1 = new XYChart.Data<>("Mar", 700);
        XYChart.Data<String, Number> apr1 = new XYChart.Data<>("Apr", 300);
        series1.getData().addAll(jan1, feb1, mar1, apr1);
        series1.setName("Salary per month of Minh");
        lineChart.getData().add(series1);
    }
}

Main20.java

package sample.Main20;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main20 extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        try{
            Parent root = FXMLLoader.load(this.getClass().getResource("sample.fxml"));
            Scene scene = new Scene(root);
            primaryStage.setScene(scene);
            primaryStage.show();
        }catch (Exception e){
            System.out.println(e);
        }
    }
}

sample.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.chart.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.chart.PieChart?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Main20.Controller">
   <children>
      <LineChart fx:id="lineChart" prefHeight="400.0" prefWidth="600.0">
        <xAxis>
          <CategoryAxis label="Month" side="BOTTOM" />
        </xAxis>
        <yAxis>
          <NumberAxis label="Salary" side="LEFT" />
        </yAxis>
      </LineChart>
   </children>
</AnchorPane>

---

Tải Project

Nếu việc thực hành theo hướng dẫn không diễn ra suôn sẻ như mong muốn. Bạn cũng có thể tải xuống PROJECT THAM KHẢO ở link bên dưới! 

---

Kết

Trong bài này, chúng ta đã tìm hiểu về Biểu đồ đường thẳng - LineChart trong JavaFX

Ở bài sau, Kteam sẽ giới thiệu đến bạn về TableView trong JavaFX

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Và đừng quên “Luyện tập – Thử Thách – Không ngại khó”

---

Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần BÌNH LUẬN bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.