使用 JavaFX 创建包含多个系列的面积图示例

---

面积图接受一系列数据点 (x, y) 作为输入值，使用一条线连接它们，并绘制获得的线和轴之间的区域。在 JavaFX 中，你可以通过实例化 javafx.scene.chart.AreaChart 类来创建面积图。

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

包含多个系列的面积图

• XYChart.Data 类表示图表中的数据点，你可以通过实例化此类来创建数据点。
  

XYChart.Data dataPoint1 = new XYChart.Data(x-value, y-value)
XYChart.Data dataPoint2 = new XYChart.Data(x-value, y-value)
XYChart.Data dataPoint3 = new XYChart.Data(x-value, y-value)

• 一旦你创建了所有必需的数据点，你就可以创建一个你需要实例化的系列 XYChart.Series 类并将数据点添加到其中。

XYChart.Series series = XYChart.Series
series.getData().add(dataPoint1);
series.getData().add(dataPoint2);
series.getData().add(dataPoint3);

• 你可以根据需要创建任意数量的此类系列。

示例

以下 JavaFX 示例演示了如何创建多个面积图。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class AreaCharts_Multiple extends Application {
	public void start(Stage stage) {
		//Defining the x an y axes
		CategoryAxis xAxis = new CategoryAxis();
		NumberAxis yAxis = new NumberAxis();
		//Setting labels for the axes
		xAxis.setLabel("Month");
		yAxis.setLabel("Temperature(B0C)");
		//Creating an area chart
		AreaChart<String, Number> areaChart = new AreaChart<String, Number>(xAxis, yAxis);
		//Preparing the data points for the series1
		XYChart.Series series1 = new XYChart.Series();
		series1.getData().add(new XYChart.Data("Jan", 7.0));
		series1.getData().add(new XYChart.Data("Feb", 6.9));
		series1.getData().add(new XYChart.Data("March", 9.5));
		series1.getData().add(new XYChart.Data("April", 14.5));
		series1.getData().add(new XYChart.Data("May", 18.2));
		series1.getData().add(new XYChart.Data("June", 21.5));
		series1.getData().add(new XYChart.Data("July", 25.2));
		series1.getData().add(new XYChart.Data("August", 26.5));
		series1.getData().add(new XYChart.Data("Sep", 23.3));
		series1.getData().add(new XYChart.Data("Oct", 18.3));
		series1.getData().add(new XYChart.Data("Nov", 13.9));
		series1.getData().add(new XYChart.Data("Dec", 9.6));
		//Preparing the data points for the series2
		XYChart.Series series2 = new XYChart.Series();
		series2.getData().add(new XYChart.Data("Jan", -0.2));
		series2.getData().add(new XYChart.Data("Feb", 0.8));
		series2.getData().add(new XYChart.Data("March", 5.7));
		series2.getData().add(new XYChart.Data("April", 11.3));
		series2.getData().add(new XYChart.Data("May", 17.0));
		series2.getData().add(new XYChart.Data("June", 22.0));
		series2.getData().add(new XYChart.Data("July", 24.8));
		series2.getData().add(new XYChart.Data("August", 24.1));
		series2.getData().add(new XYChart.Data("Sep", 20.1));
		series2.getData().add(new XYChart.Data("Oct", 14.1));
		series2.getData().add(new XYChart.Data("Nov", 8.6));
		series2.getData().add(new XYChart.Data("Dec", 2.5));
		//Preparing the data points for the series3
		XYChart.Series series3 = new XYChart.Series();
		series3.getData().add(new XYChart.Data("Jan", 3.9));
		series3.getData().add(new XYChart.Data("Feb", 4.2));
		series3.getData().add(new XYChart.Data("March", 5.7));
		series3.getData().add(new XYChart.Data("April", 8.5));
		series3.getData().add(new XYChart.Data("May", 11.9));
		series3.getData().add(new XYChart.Data("June", 15.2));
		series3.getData().add(new XYChart.Data("July", 17.0));
		series3.getData().add(new XYChart.Data("August", 16.6));
		series3.getData().add(new XYChart.Data("Sep", 14.2));
		series3.getData().add(new XYChart.Data("Oct", 10.3));
		series3.getData().add(new XYChart.Data("Nov", 6.6));
		series3.getData().add(new XYChart.Data("Dec", 4.8));
		//Setting the name to all the series
		series1.setName("Tokyo");
		series2.setName("New York");
		series3.setName("London");
		//Setting the data to area chart
		areaChart.getData().addAll(series1, series2, series3);
		//Creating a stack pane to hold the chart
		StackPane pane = new StackPane(areaChart);
		pane.setPadding(new Insets(15, 15, 15, 15));
		pane.setStyle("-fx-background-color: BEIGE");
		//Setting the Scene
		Scene scene = new Scene(pane, 595, 350);
		stage.setTitle("Area Chart");
		stage.setScene(scene);
		stage.show();
	}
	public static void main(String args[]) {
		launch(args);
	}
}

输出