JavaFX - 图表



一般来说,图表是数据的图形表示。有各种类型的图表来表示数据,例如条形图、饼图、折线图、散点图等。

JavaFX 支持各种饼图和 XY 图表。在 XY 平面上表示的图表包括 AreaChart、BarChart、BubbleChart、LineChart、ScatterChart、StackedAreaChart、StackedBarChart 等。

每个图表都由一个类表示,所有这些图表都属于包 **javafx.scene.chart**。名为 **Chart** 的类是 JavaFX 中所有图表的基类,而 **XYChart** 是所有在 XY 平面上绘制的图表的基类。

Charts

在 JavaFX 中创建图表

要在 JavaFX 中创建图表,您需要执行以下步骤:

  • 定义图表的轴
  • 实例化相应的类
  • 准备并将数据传递给图表

实例化相应的类

要创建图表,请实例化其相应的类。例如,如果您想创建折线图,则需要实例化名为 **LineChart** 的类,如下所示:

LineChart linechart = new LineChart(xAxis, yAxis);

如以上代码所示,在实例化时,您需要分别传递两个表示图表 X 轴和 Y 轴的对象。

定义轴

一般来说,图表的轴可以表示为:

  • 数字,例如人口、年龄等
  • 类别,例如一周中的几天、国家等。

在 JavaFX 中,轴是一个表示 X 轴或 Y 轴的抽象类。它有两个子类来定义每种类型的轴,即 **CategoryAxis** 和 **NumberAxis**,如下图所示:

Defining Axis

类别轴

通过实例化此类,您可以定义(创建)一个 X 轴或 Y 轴,其中每个值表示一个类别。您可以通过实例化此类来定义类别轴,如下所示:

CategoryAxis xAxis = new CategoryAxis();

对于此轴,您需要设置类别列表并将标签设置为轴,如下所示:

//setting the list of categories.  
xAxis.setCategories(FXCollections.<String>observableArrayList
   (Arrays.asList("n ame1", "name2"....)));  

//Setting label to the axis  
xAxis.setLabel("name of the axis ");

数字轴

通过实例化此类,您可以定义(创建)一个 X 轴或 Y 轴,其中每个值表示一个数值。您可以使用此轴的任何数字类型,例如 Long、Double、BigDecimal 等。您可以通过实例化此类来定义数字轴,如下所示:

//Defining the axis 
NumberAxis yAxis = new NumberAxis();  

//Setting labelto the axis 
yAxis.setLabel("name of the axis");

将数据传递给 XY 图表

所有 XY 图表都沿 XY 平面表示。要在图表中绘制一组点,我们需要指定一系列 XY 坐标。

**<X,Y>** 类属于 **javafx.scene.chart** 包,您可以使用此类将数据发送到图表。此类保存一个命名系列的可观察列表。您可以使用 **XYChart.Series** 类的 **getData()** 方法获取此列表,如下所示:

ObservableList list = series.getData();

其中,series 是 XYChart.Series 类的对象。您可以使用 **add()** 方法将数据添加到此列表,如下所示:

list.add(new XYChart.Data(x-axis data, y-axis data));

这两行代码可以写在一起,如下所示:

series.getData().add(new XYChart.Data(x-axis data, y-axis data));

JavaFX 中的图表类型

下表描述了 JavaFX 提供的各种图表(类):

序号 图表和描述
1 饼图

饼图是将值表示为圆的不同颜色切片。这些切片已标记,并且与每个切片相对应值的图表中表示。

在 JavaFX 中,饼图由名为 **PieChart** 的类表示。此类属于 **javafx.scene.chart** 包。

2 折线图

折线图或折线图将信息显示为一系列数据点(标记),这些数据点通过直线段连接。折线图显示数据如何在相同的时间频率下变化。

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

3 面积图

面积图用于绘制基于区域的图表。它绘制给定点序列和轴之间的区域。通常,此图表用于比较两个数量。

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

4 条形图

条形图用于使用矩形条表示分组数据。这些条的长度表示值。条形图中的条可以垂直或水平绘制。

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

5 气泡图

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

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

6 散点图

散点图是一种使用笛卡尔平面中两个变量的值绘制的图形。它通常用于找出两个变量之间的关系。

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

7 堆叠区域图

在 JavaFX 中,堆叠区域图由名为StackedAreaChart的类表示。

此类属于javafx.scene.chart包。通过实例化此类,您可以在 JavaFX 中创建一个 StackedAreaChart 节点。

8 堆叠条形图

在 JavaFX 中,堆叠条形图由名为StackedBarChart的类表示。

此类属于javafx.scene.chart包。通过实例化此类,您可以在 JavaFX 中创建一个 StackedBarChart 节点。

广告