添加了 JavaFX Line Chart 重复系列

最近，我们在我们的 JavaFX 应用程序中添加了一个新的 Line Chart 重复系列。这个新的功能使我们能够在同一个图表中显示多个重复的数据系列。

什么是 Line Chart？

Line Chart 是一种流行的图表类型，通常用于显示随着时间推移而变化的数据趋势。在 JavaFX 中，Line Chart 由 javafx.scene.chart 包中的 LineChart 类实现。

为什么需要重复系列？

有时候，我们可能需要在同一个图表中显示多个重复的数据系列。例如，在一个销售报告中，我们可能需要显示同一个产品在不同日期范围内的销售数据。这时候，我们可以使用 Line Chart 的重复系列功能，在同一个图表中重复显示这个产品的销售数据。

如何添加重复系列？

添加重复系列非常简单。首先，我们需要创建一个 LineChart 对象，并将其添加到我们的场景图中。然后，我们可以通过调用 lineChart.getData().addAll(series1, series2, ...) 方法将多个数据系列添加到 Line Chart 中。这些数据系列将在同一个图表中显示，并按照相同的样式呈现。

LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);
lineChart.getData().addAll(series1, series2, ...);

如何自定义每个重复系列的样式？

我们可以为每个重复系列定义不同的样式，例如线条颜色、线条宽度等。首先，我们需要为每个数据系列创建一个 XYChart.Series 对象，并设置它们的名称和数据。然后，我们可以通过调用 lineChart.lookup(".series" + i) 方法获取每个数据系列的 Node 对象，从而可以自定义它们的样式。

XYChart.Series<Number, Number> series1 = new XYChart.Series<>();
// 将数据添加到 series1 中
lineChart.getData().add(series1);

XYChart.Series<Number, Number> series2 = new XYChart.Series<>();
// 将数据添加到 series2 中
lineChart.getData().add(series2);

// 为每个数据系列自定义样式
Node series1Node = lineChart.lookup(".series0");
series1Node.setStyle("-fx-stroke: red; -fx-stroke-width: 2px;");

Node series2Node = lineChart.lookup(".series1");
series2Node.setStyle("-fx-stroke: blue; -fx-stroke-width: 2px;");

markdown 代码片段

## 添加了 JavaFX Line Chart 重复系列

最近，我们在我们的 JavaFX 应用程序中添加了一个新的 Line Chart 重复系列。这个新的功能使我们能够在同一个图表中显示多个重复的数据系列。

### 什么是 Line Chart？

Line Chart 是一种流行的图表类型，通常用于显示随着时间推移而变化的数据趋势。在 JavaFX 中，Line Chart 由 [javafx.scene.chart](https://docs.oracle.com/en/java/javafx/16/api/javafx.graphics/javafx/scene/chart/package-summary.html) 包中的 `LineChart` 类实现。

### 为什么需要重复系列？

有时候，我们可能需要在同一个图表中显示多个重复的数据系列。例如，在一个销售报告中，我们可能需要显示同一个产品在不同日期范围内的销售数据。这时候，我们可以使用 Line Chart 的重复系列功能，在同一个图表中重复显示这个产品的销售数据。

### 如何添加重复系列？

添加重复系列非常简单。首先，我们需要创建一个 `LineChart` 对象，并将其添加到我们的场景图中。然后，我们可以通过调用 `lineChart.getData().addAll(series1, series2, ...) ` 方法将多个数据系列添加到 Line Chart 中。这些数据系列将在同一个图表中显示，并按照相同的样式呈现。

LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis); lineChart.getData().addAll(series1, series2, ...);

### 如何自定义每个重复系列的样式？

我们可以为每个重复系列定义不同的样式，例如线条颜色、线条宽度等。首先，我们需要为每个数据系列创建一个 `XYChart.Series` 对象，并设置它们的名称和数据。然后，我们可以通过调用 `lineChart.lookup(".series" + i)` 方法获取每个数据系列的 `Node` 对象，从而可以自定义它们的样式。

XYChart.Series<Number, Number> series1 = new XYChart.Series<>(); // 将数据添加到 series1 中 lineChart.getData().add(series1);

XYChart.Series<Number, Number> series2 = new XYChart.Series<>(); // 将数据添加到 series2 中 lineChart.getData().add(series2);

// 为每个数据系列自定义样式 Node series1Node = lineChart.lookup(".series0"); series1Node.setStyle("-fx-stroke: red; -fx-stroke-width: 2px;");

Node series2Node = lineChart.lookup(".series1"); series2Node.setStyle("-fx-stroke: blue; -fx-stroke-width: 2px;");