JavaFX - 面积图

  • 简述

    面积图用于绘制基于面积的图表。它绘制给定系列点和轴之间的区域。通常,此图表用于比较两个数量。
    以下是面积图,描绘了两个人在一周内消耗的水果数量。
    描绘面积图
    在 JavaFX 中,面积图由名为的类表示 AreaChart. 这个类属于包javafx.scene.chart. 通过实例化此类,您可以在 JavaFX 中创建一个 AreaChart 节点。
  • 生成面积图的步骤

    要在 JavaFX 中生成面积图,请按照以下步骤操作。

    第 1 步:创建一个类

    创建一个Java类并继承 Application 包的类别 javafx.application 并实施 start() 这个类的方法如下。
    
    public class ClassName extends Application { 
       @Override     
       public void start(Stage primaryStage) throws Exception {     
       }    
    }
    

    步骤 2:定义轴

    定义面积图的 X 和 Y 轴并为其设置标签。在我们的示例中,X 轴表示一周中的天数,y 轴表示消耗的水果单位。
    
    //Defining the X axis               
    CategoryAxis xAxis = new CategoryAxis();  
               
    //Defining the y Axis 
    NumberAxis yAxis = new NumberAxis(0, 15, 2.5); 
    yAxis.setLabel("Fruit units");
    

    第 3 步:创建面积图

    通过实例化名为的类来创建折线图 AreaChart 包裹的 javafx.scene.chart. 向该类的构造函数传递上一步创建的表示 X 轴和 Y 轴的对象。
    
    //Creating the Area chart 
    AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);         
    areaChart.setTitle("Average fruit consumption during one week");
    

    第 4 步:准备数据

    实例化 XYChart.Series班级。然后将数据(一系列 x 和 y 坐标)添加到此类的 Observable 列表中,如下所示 -
    
    //Prepare XYChart.Series objects by setting data  
    XYChart.Series series1 = new XYChart.Series();  
    series1.setName("John"); 
    series1.getData().add(new XYChart.Data("Monday", 3)); 
    series1.getData().add(new XYChart.Data("Tuesday", 4)); 
    series1.getData().add(new XYChart.Data("Wednesday", 3)); 
    series1.getData().add(new XYChart.Data("Thursday", 5)); 
    series1.getData().add(new XYChart.Data("Friday", 4)); 
    series1.getData().add(new XYChart.Data("Saturday", 10)); 
    series1.getData().add(new XYChart.Data("Sunday", 12));  
    XYChart.Series series2 = new XYChart.Series(); 
    series2.setName("Jane"); 
    series2.getData().add(new XYChart.Data("Monday", 1)); 
    series2.getData().add(new XYChart.Data("Tuesday", 3)); 
    series2.getData().add(new XYChart.Data("Wednesday", 4));  
    series2.getData().add(new XYChart.Data("Thursday", 3)); 
    series2.getData().add(new XYChart.Data("Friday", 3)); 
    series2.getData().add(new XYChart.Data("Saturday", 5)); 
    series2.getData().add(new XYChart.Data("Sunday", 4)); 
    

    步骤 5:将数据添加到面积图中

    将上一步中准备的数据系列添加到面积图中,如下所示 -
    
    //Setting the XYChart.Series objects to area chart        
    areaChart.getData().addAll(series1,series2); 
    

    步骤 6:创建组对象

    在里面 start() 方法,通过实例化名为的类创建一个组对象 Group,属于包 javafx.scene.
    将在上一步中创建的 AreaChart(节点)对象作为参数传递给 Group 类的构造函数。这样做是为了将其添加到组中,如下所示 -
    
    Group root = new Group(areaChart);
    

    步骤 7:创建场景对象

    通过实例化名为的类来创建场景 Scene,属于包 javafx.scene. 向这个类传递 Group 对象 (root) 在上一步中创建。
    除了根对象,你还可以传递两个表示屏幕高度和宽度的双参数,以及 Group 类的对象,如下所示。
    
    Scene scene = new Scene(group ,600, 300);
    

    第八步:设置舞台标题

    您可以使用 setTitle() 的方法 Stage班级。这primaryStage 是一个Stage对象,作为参数传递给场景类的start方法。
    使用 primaryStage 对象,将场景的标题设置为 Sample Application 如下。
    
    primaryStage.setTitle("Sample Application");
    

    第 9 步:将场景添加到舞台

    您可以使用方法将 Scene 对象添加到舞台 setScene() 类名为 Stage. 使用以下方法添加在前面步骤中准备的 Scene 对象。
    
    primaryStage.setScene(scene);
    

    第 10 步:显示舞台内容

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

    第 11 步:启动应用程序

    通过调用静态方法启动 JavaFX 应用程序 launch()Application 类从主要方法如下。
    
    public static void main(String args[]){   
       launch(args);      
    }
    

    例子

    下表描述了 John 和 Jane 在一周内消耗的水果数量。
    一周中的天 约翰吃的水果 珍吃的水果
    周一 3 1
    周二 4 3
    周三 3 4
    周四 5 3
    星期五 4 3
    周六 10 5
    星期日 12 4
    以下是生成面积图的 Java 程序,使用 JavaFX 描述上述数据。
    将此代码保存在名称为的文件中 AreaChartExample.java.
    
    import javafx.application.Application; 
    import javafx.scene.Group; 
    import javafx.scene.Scene; 
    import javafx.scene.chart.AreaChart; 
    import javafx.scene.chart.CategoryAxis; 
    import javafx.stage.Stage; 
    import javafx.scene.chart.NumberAxis; 
    import javafx.scene.chart.XYChart; 
             
    public class AreaChartExample extends Application { 
       @Override 
       public void start(Stage stage) {     
          //Defining the X axis               
          CategoryAxis xAxis = new CategoryAxis();  
               
          //defining the y Axis 
          NumberAxis yAxis = new NumberAxis(0, 15, 2.5); 
          yAxis.setLabel("Fruit units");  
          
          //Creating the Area chart 
          AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);
          areaChart.setTitle("Average fruit consumption during one week");        
             
          //Prepare XYChart.Series objects by setting data  
          XYChart.Series series1 = new XYChart.Series();  
          series1.setName("John"); 
          series1.getData().add(new XYChart.Data("Monday", 3)); 
          series1.getData().add(new XYChart.Data("Tuesday", 4)); 
          series1.getData().add(new XYChart.Data("Wednesday", 3)); 
          series1.getData().add(new XYChart.Data("Thursday", 5)); 
          series1.getData().add(new XYChart.Data("Friday", 4));
          series1.getData().add(new XYChart.Data("Saturday", 10));  
          series1.getData().add(new XYChart.Data("Sunday", 12)); 
                             
          XYChart.Series series2 = new XYChart.Series(); 
          series2.setName("Jane"); 
          series2.getData().add(new XYChart.Data("Monday", 1)); 
          series2.getData().add(new XYChart.Data("Tuesday", 3)); 
          series2.getData().add(new XYChart.Data("Wednesday", 4)); 
          series2.getData().add(new XYChart.Data("Thursday", 3)); 
          series2.getData().add(new XYChart.Data("Friday", 3)); 
          series2.getData().add(new XYChart.Data("Saturday", 5)); 
          series2.getData().add(new XYChart.Data("Sunday", 4));       
                    
          //Setting the XYChart.Series objects to area chart        
          areaChart.getData().addAll(series1,series2); 
             
          //Creating a Group object  
          Group root = new Group(areaChart); 
             
          //Creating a scene object 
          Scene scene = new Scene(root, 600, 400);  
          
          //Setting title to the Stage 
          stage.setTitle("Area Chart"); 
             
          //Adding scene to the stage 
          stage.setScene(scene); 
             
          //Displaying the contents of the stage 
          stage.show();         
       } 
       public static void main(String args[]){ 
          launch(args)
       }
    }
    
    使用以下命令从命令提示符编译并执行保存的 java 文件。
    
    javac AreaChartExample.java 
    java AreaChartExample
    
    执行时,上述程序会生成一个 JavaFX 窗口,显示如下所示的面积图。
    面积图