如何使用 JavaFX 创建气泡图?

javafxobject oriented programmingprogramming更新于 2026/1/8 6:36:17

气泡图接受一系列数据点 (x, y) 作为输入值,并为给定系列中的数据点创建气泡。在 JavaFX 中,您可以通过实例化 javafx.scene.chart.BubbleChart 类来创建气泡图。

通常,在所有 X-Y 图表中,数据点绘制两个值 (x, y)。在气泡图中,您可以有一个可选的第三个值,该值由气泡的半径表示。

在实例化此类时,您必须传递表示 x 轴和 y 轴的 Axis 类的两个对象(作为构造函数的参数)。由于 Axis 类是抽象的,因此您需要传递其具体子类的对象,NumberAxis(用于数值)或 CategoryAxis(字符串值)。

创建轴后,您可以使用 setLabel()  方法为其设置标签。

设置数据

XYChart.Series 表示一系列数据项。您可以通过实例化此类为气泡创建一系列点。此类包含一个可观察列表,其中包含该系列中的所有点。

XYChart.Data 表示 x-y 平面中的特定数据点。要创建一个点,您需要通过传递特定点的 x 和 y 值来实例化此类。

因此,要为气泡 − 创建数据

  • 通过实例化 XYChart.Data 类来创建所需数量的点。

  • 通过实例化 XYChart.Series 类来创建一个系列。

  • 使用 getData() 方法获取 XYChart.Series 类的可观察列表。

  • 使用 add() 或 addAll() 方法将创建的数据点添加到列表中。

  • 将创建的数据系列添加到面积图中,如下所示 −

bubbleChart.getData().add(series);

示例

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.BubbleChart;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class BubbleChartExample extends Application {
   public void start(Stage stage) {
      //创建 X 轴和 Y 轴
      NumberAxis xAxis = new NumberAxis(0, 100, 10);
      NumberAxis yAxis = new NumberAxis(20, 100, 10);
      //创建轴的标签
      xAxis.setLabel("Age");
      yAxis.setLabel("Weight");
      //创建气泡图
      BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);
      //为气泡图准备数据
      XYChart.Series series = new XYChart.Series();
      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, 6));
      series.getData().add(new XYChart.Data(55, 60, 8));
      series.getData().add(new XYChart.Data(70, 70, 9));
      series.getData().add(new XYChart.Data(85, 80, 12));
      //将数据设置为条形图
      bubbleChart.getData().add(series);
      //将名称设置为气泡图
      series.setName(&"work");
      //创建一个堆栈窗格来保存图表
      StackPane pane = new StackPane(bubbleChart);
      //设置场景
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Bubble Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出


相关文章