如何使用 JavaFX 建立堆疊區域圖?


區域圖接收一系列資料點 (x, y) 作為輸入值,使用線連線它們,並將獲得的線與軸之間的區域對映。

堆疊區域圖是區域圖的一個變體,其中區域堆疊在一起,以便每個系列都與前一個系列相鄰,但不重疊。

在 JavaFX 中,您可以透過例項化 **javafx.scene.chart.StackedAreaChart** 類來建立堆疊區域圖。

例項化此類時,必須傳遞 Axis 類的兩個物件,分別表示 x 軸和 y 軸(作為建構函式的引數)。由於 Axis 類是抽象類,因此您需要傳遞其具體子類的物件,例如 NumberAxis(用於數值)或 CategoryAxis(用於字串值)。

建立軸後,您可以使用 **setLabel()** 方法為其設定標籤。

設定資料

**XYChart.Series** 表示資料項序列。您可以透過例項化此類來建立線的點序列。此類包含一個可觀察列表,其中包含序列中的所有點。

**XYChart.Data** 表示 x-y 平面中的特定資料點。要建立一個點,您需要透過傳遞該點的 x 和 y 值來例項化此類。

示例

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.CategoryAxis;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.StackedAreaChart;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class StackedAreaChartExample extends Application {
   public void start(Stage stage) {
      //Defining the axes
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis(0, 30000, 5000);
      yAxis.setLabel("Product Sales");
      //Creating the Area chart
      StackedAreaChart<String, Number> areaChart = new StackedAreaChart(xAxis, yAxis);
      //Prepare XYChart.Series objects by setting data
      XYChart.Series series1 = new XYChart.Series();
      series1.setName("Quarter1");
      series1.getData().add(new XYChart.Data("Product A", 2898));
      series1.getData().add(new XYChart.Data("Product B", 2577));
      series1.getData().add(new XYChart.Data("Product C", 4566));
      series1.getData().add(new XYChart.Data("Product D", 7689));
      series1.getData().add(new XYChart.Data("Product E", 6788));
      XYChart.Series series2 = new XYChart.Series();
      series2.setName("Quarter2");
      series2.getData().add(new XYChart.Data("Product A", 2768));
      series2.getData().add(new XYChart.Data("Product B", 3687));
      series2.getData().add(new XYChart.Data("Product C", 5656));
      series2.getData().add(new XYChart.Data("Product D", 5658));
      series2.getData().add(new XYChart.Data("Product E", 6790));
      XYChart.Series series3 = new XYChart.Series();
      series3.setName("Quarter3");
      series3.getData().add(new XYChart.Data("Product A", 2342));
      series3.getData().add(new XYChart.Data("Product B", 1898));
      series3.getData().add(new XYChart.Data("Product C", 3455));
      series3.getData().add(new XYChart.Data("Product D", 7689));
      series3.getData().add(new XYChart.Data("Product E", 6788));
      XYChart.Series series4 = new XYChart.Series();
      series4.setName("Quarter4");
      series4.getData().add(new XYChart.Data("Product A", 3123));
      series4.getData().add(new XYChart.Data("Product B", 1978));
      series4.getData().add(new XYChart.Data("Product C", 3454));
      series4.getData().add(new XYChart.Data("Product D", 5686));
      series4.getData().add(new XYChart.Data("Product E", 6790));
      areaChart.getData().addAll(series1, series2, series3, series4);
      //Creating a Group object
      StackPane pane = new StackPane(areaChart);
      //Setting the scene
      Scene scene = new Scene(pane, 595, 300);
      stage.setTitle("Stacked Area Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

輸出

更新於:2020年5月19日

145 次檢視

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.