JavaFX - 折线图

折线图或线形图将信息显示为一系列由直线段连接的数据点(标记)。折线图显示数据如何以相同的时间频率变化。

以下是描绘不同年份学校数量的折线图。

折线图

在 JavaFX 中,折线图由名为 LineChart 的类表示。此类属于 javafx.scene.chart 包。通过实例化此类,您可以在 JavaFX 中创建 LineChart 节点。

生成折线图的步骤

要在 JavaFX 中生成折线图,您应该遵循以下步骤。

步骤 1:创建类

创建一个 Java 类并继承包 javafx.applicationApplication 类。然后,您可以按如下方式实现此类的 start() 方法。

public class ClassName extends Application { 
   @Override     
   public void start(Stage primaryStage) throws Exception {     
   }    
}

步骤 2:定义轴

定义折线图的 X 轴和 Y 轴并为其设置标签。

在我们的示例中,X 轴表示从 1960 年到 2020 年的年份,每十年有一个主要刻度标记。

//定义 X 轴
NumberAxis xAxis = new NumberAxis(1960, 2020, 10);
xAxis.setLabel("Years");

//定义 y 轴
NumberAxis yAxis = new NumberAxis(0, 350, 50);
yAxis.setLabel("No.of schools");

步骤 3:创建折线图

通过实例化包 javafx.scene.chart 中名为 LineChart 的类来创建折线图。将上一步中创建的表示 X 轴和 Y 轴的对象传递给此类的构造函数。

LineChart linechart = new LineChart(xAxis, yAxis);

步骤 4:准备数据

实例化 XYChart.Series 类。然后将数据(一系列 x 和 y 坐标)添加到此类的 Observable 列表中,如下所示 −

XYChart.Series series = new XYChart.Series();
series.setName("No of schools in an year");

series.getData().add(new XYChart.Data(1970, 15));
series.getData().add(new XYChart.Data(1980, 30));
series.getData().add(new XYChart.Data(1990, 60));
series.getData().add(new XYChart.Data(2000, 120));
series.getData().add(new XYChart.Data(2013, 240));
series.getData().add(new XYChart.Data(2014, 300));

步骤 5:将数据添加到折线图

将上一步中准备的数据系列添加到折线图,如下所示 −

//将数据设置为折线图
linechart.getData().add(series);

步骤 6:创建组对象

start() 方法中,通过实例化名为 Group 的类来创建组对象。这属于包 javafx.scene

将上一步中创建的 LineChart(节点)对象作为参数传递给 Group 类的构造函数。应按如下方式将其添加到组中 −

Group root = new Group(linechart);

步骤 7:创建场景对象

通过实例化名为 Scene 的类来创建场景,该类属于包 javafx.scene。将上一步中创建的 Group 对象 (root) 传递给此类。

除了根对象之外,您还可以传递两个表示屏幕高度和宽度的双精度参数以及 Group 类的对象,如下所示。

Scene scene = new Scene(group ,600, 300);

步骤 8:设置舞台(Stage)的标题

您可以使用 Stage 类的 setTitle() 方法将标题设置为舞台(Stage)。 primaryStage 是一个 Stage 对象,它作为参数传递给场景类的 start 方法。

使用 primaryStage 对象,将场景的标题设置为 Sample Application,如下所示。

primaryStage.setTitle("Sample Application");

步骤 9:将场景添加到舞台(Stage)

您可以使用名为 Stage 的类的方法 setScene() 将场景对象添加到舞台(Stage)。使用此方法添加在前面步骤中准备的场景对象,如下所示。

primaryStage.setScene(scene);

步骤 10:显示 Stage 的内容

使用 Stage 类的名为 show() 的方法显示场景的内容,如下所示。

primaryStage.show();

步骤 11:启动应用程序

通过从 main 方法调用 Application 类的静态方法 launch() 来启动 JavaFX 应用程序,如下所示。

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

示例

下表显示了 1970 年至 2014 年期间某个地区的学校数量。

年份 学校数量
1970 15
1980 30
1990 60
2000 120
2013 240
2014 300

以下是一个 Java 程序,它使用 JavaFX 生成描绘上述数据的折线图。

将此代码保存在名为 LineChartExample.java 的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.chart.LineChart; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; 
         
public class LineChartExample extends Application { 
   @Override 
   public void start(Stage stage) {
        //定义 x 轴
        NumberAxis xAxis = new NumberAxis(1960, 2020, 10);
        xAxis.setLabel("年份");
        
        //定义 y 轴
        NumberAxis yAxis = new NumberAxis (0, 350, 50);
        yAxis.setLabel("学校数量");
        
        //创建折线图
        LineChart linechart = new LineChart(xAxis, yAxis);
        
        //通过设置数据准备 XYChart.Series 对象
        XYChart.Series series = new XYChart.Series();
        series.setName("一年中的学校数量");
        
        series.getData().add(new XYChart.Data(1970, 15));
        series.getData().add(new XYChart.Data(1980, 30));
        series.getData().add(new XYChart.Data(1990, 60));
        series.getData().add(new XYChart.Data(2000, 120));
        series.getData().add(new XYChart.Data(2013, 240));
        series.getData().add(new XYChart.Data(2014, 300));
        
        //将数据设置为折线图
        linechart.getData().add(series);
        
        //创建 Group 对象
        Group root = new Group(linechart);
        
        //创建 scene 对象
        Scene scene = new Scene(root, 600, 400);
        
        //将标题设置为 Stage
        stage.setTitle("Line Chart");
        
        //将场景添加到舞台(Stage)
        stage.setScene(scene);
        
        //显示舞台(Stage)内容
        stage.show();
  }
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的 java 文件。

javac LineChartExample.java 
java LineChartExample

执行时,上述程序会生成一个 JavaFX 窗口,其中显示如下所示的折线图。

折线图示例

javafx_charts.html