JavaFX - 气泡图

气泡图用于植入三维数据;第三维将由气泡的大小(半径)表示。

以下是描述所做工作的气泡图。

气泡图

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

生成气泡图的步骤

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

步骤 1:创建类

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

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

步骤 2:定义轴

定义气泡图的 X 轴和 Y 轴并为它们设置标签。在我们的示例中,X 轴表示年龄,Y 轴表示体重。而气泡的半径则表示所做的工作。

//定义 X 轴
NumberAxis xAxis = new NumberAxis(0, 100, 10);
xAxis.setLabel("Age");

//定义 Y 轴
NumberAxis yAxis = new NumberAxis(20, 100, 10);
yAxis.setLabel("Weight");

步骤 3:创建气泡图

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

//创建气泡图
BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);

步骤 4:准备数据

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

//通过设置数据准备 XYChart.Series 对象
XYChart.Series series = new XYChart.Series();
series.setName("work");

series.getData().add(new XYChart.Data(10,30,4));
series.getData().add(new XYChart.Data(25,40,5));
series.getData().add(new XYChart.Data(40,50,9));
series.getData().add(new XYChart.Data(55,60,7));
series.getData().add(new XYChart.Data(70,70,9));
series.getData().add(new XYChart.Data(85,80,6));

步骤 5:将数据添加到气泡图

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

//将数据设置为条形图
bubbleChart.getData().add(series);

步骤 6:创建组对象

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

将上一步中创建的 BubbleChart(节点)对象作为参数传递给 Group 类的构造函数。应该这样做才能将其添加到组中,如下所示 −

Group root = new Group(bubbleChart);

步骤 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);
}

示例

让我们考虑不同的人及其年龄、体重和工作能力。工作能力可以视为图表中绘制为气泡的小时数。

体重
年龄
30 40 50 60 70 80
10 4 WORK
25 5
40 6
55 8
70 9
85 15

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

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

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.chart.BubbleChart; 
import javafx.stage.Stage;  
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; 
         
public class BubbleChartExample extends Application { 
   @Override 
    public void start(Stage stage) {
    //定义轴
    NumberAxis xAxis = new NumberAxis(0, 100, 10);
    xAxis.setLabel("Age");
    
    NumberAxis yAxis = new NumberAxis(20, 100, 10);
    yAxis.setLabel("Weight");
    
    //创建气泡图
    BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);
    
    //通过设置数据准备 XYChart.Series 对象
    XYChart.Series series = new XYChart.Series();
    series.setName("work");
    
    series.getData().add(new XYChart.Data(10,30,4));
    series.getData().add(new XYChart.Data(25,40,5));
    series.getData().add(new XYChart.Data(40,50,9));
    series.getData().add(new XYChart.Data(55,60,7));
    series.getData().add(new XYChart.Data(70,70,9));
    series.getData().add(new XYChart.Data(85,80,6));
    
    //将数据设置为条形图
    bubbleChart.getData().add(series);
    
    //创建一个 Group 对象
    Group root = new Group(bubbleChart);
    
    //创建一个 Scene 对象
    Scene scene = new Scene(root, 600, 400);
    
    //将标题设置为 Stage
    stage.setTitle("Bubble Chart");
    
    //将场景添加到舞台(Stage)
    stage.setScene(scene);
    
    //显示舞台(Stage)内容
    stage.show();
    }
   public static void main(String args[]){ 
      launch(args); 
   } 
}

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

javac BubbleChartExample.java 
java BubbleChartExample

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

气泡图示例

javafx_charts.html