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 窗口,其中显示如下所示的气泡图。