Lập trình JavaFX Cơ bản

Lập trình JavaFX Cơ bản

Biểu đồ đường thẳng - LineChart trong JavaFX Biểu đồ đường thẳng - LineChart trong JavaFX Biểu đồ đường thẳng - LineChart trong JavaFX Biểu đồ đường thẳng - LineChart trong JavaFX Biểu đồ đường thẳng - LineChart trong JavaFX 0/5 (7 reviews)

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

Đã đăng 2018-09-14 15:09:29 bởi Kteam
0 bình luận 720 lượt xem
Biểu đồ đường thẳng - LineChart trong JavaFX 0 /5 stars (0 reviews)
 

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ó

Chia sẻ:
Thảo luận Hỏi và đáp Báo lỗi bài viết
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  

Chiến dịch

Kteam - Howkteam Free Education