- JavaFX Tutorial
- JavaFX - Home
- JavaFX - Overview
- JavaFX - Environment
- JavaFX - Architecture
- JavaFX - Application
- JavaFX - 2D Shapes
- JavaFX - Text
- JavaFX - Effects
- JavaFX - Transformations
- JavaFX - Animations
- JavaFX - Colors
- JavaFX - Images
- JavaFX - 3D Shapes
- JavaFX - Event Handling
- JavaFX - UI Controls
- JavaFX - Charts
- JavaFX - Layout Panes
- JavaFX - CSS
- JavaFX Useful Resources
- JavaFX - Quick Guide
- JavaFX - Useful Resources
- JavaFX - Discussion
JavaFX - 图表
一般来说,图表是数据的图形表示。有多种图表来表示数据,例如条形图、饼图、折线图、散点图等。
JavaFX 提供对各种饼图和XY 图表的支持。在 XY 平面上表示的图表包括AreaChart、BarChart、BubbleChart、LineChart、ScatterChart、StackedAreaChart、StackedBarChart等。
每个图表都由一个类表示,所有这些图表都属于javafx.scene.chart包。名为Chart的类是 JavaFX 中所有图表的基类,而 XYChart是所有在 XY 平面上绘制的图表的基类。
创建图表
要创建图表,您需要 -
- 定义图表的轴
- 实例化相应的类
- 准备数据并将其传递到图表
实例化相应的类
要创建图表,请实例化其各自的类。例如,如果要创建折线图,则需要实例化名为Line的类,如下所示 -
LineChart linechart = new LineChart(xAxis, yAxis);
从上面的代码中可以看出,在实例化时,您需要传递两个分别代表图表的 X 轴和 Y 轴的对象。
定义轴
一般来说,图表的轴可以表示为 -
- 人口、年龄等数字
- 类别例如一周中的天数、国家/地区。
在JavaFX中,轴是表示X或Y轴的抽象类。它有两个子类来定义每种类型的轴,即CategoryAxis和NumberAxis,如下图所示 -
类别轴- 通过实例化此类,您可以定义(创建)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 ");
NumberAxis - 通过实例化此类,您可以定义(创建)X 或 Y 轴,沿该轴每个值代表一个数值。您可以使用任何数字类型与此Axis、Long、Double、BigDecimal等。您可以通过实例化此类来定义数字轴,如下所示 -
//Defining the axis NumberAxis yAxis = new NumberAxis(); //Setting labelto the axis yAxis.setLabel("name of the axis");
将数据传递到 XY 图表
所有 XY 图表均沿 XY 平面表示。要在图表中绘制一组点,我们需要指定一系列 XY 坐标。
javafx.scene.chart包的<X,Y>类是一个可以将数据发送到图表的类。该类包含一个可观察的命名系列列表。您可以使用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 提供的各种图表(类)的描述 -
序列号 | 图表和说明 |
---|---|
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 节点。 |