如何使用JavaFX建立堆疊條形圖?
條形圖接收一系列資料點 (x, y) 作為輸入值,並建立表示其值的條形。通常,這些圖表用於表示類別的值。根據類別的軸,條形圖的條形可以是垂直的或水平的。
StackedBarChart 是 BarChart 的一種變體,它繪製條形以指示類別的數值。根據哪個軸是類別軸,條形可以是垂直的或水平的。每個系列的條形都堆疊在上一個系列的頂部。
在 JavaFX 中,您可以透過例項化 **javafx.scene.chart.StackedBarChart** 類來建立堆疊條形圖。
例項化此類時,必須傳遞表示 x 軸和 y 軸的 Axis 類兩個物件(作為建構函式的引數)。由於 Axis 類是抽象的,因此您需要傳遞其具體子類的物件,NumberAxis(用於數值)或 CategoryAxis(字串值)。
建立軸後,您可以使用 **setLabel()** 方法為其設定標籤。
設定資料
**XYChart.Series** 表示資料項的系列。您可以透過例項化此類來建立條形的點系列。此類包含一個可觀察列表,其中包含系列中的所有點。
**XYChart.Data** 表示 x-y 平面中的特定資料點。要建立點,需要透過傳遞該點的 x 和 y 值來例項化此類。
因此,要為條形建立資料:
透過例項化 **XYChart.Data** 類來建立所需數量的點。
透過例項化 **XYChart.Series** 類來建立一個系列。
使用 **getData()** 方法獲取 XYChart.Series 類的可觀察列表。
使用 **add()** 或 **addAll()** 方法將建立的資料點新增到列表中。
將建立的資料系列新增到區域圖表中:
barChart.getData().add(series);
示例
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.StackedBarChart; import javafx.scene.chart.XYChart; import javafx.scene.layout.StackPane; public class StackedBarChartExample extends Application { @Override public void start(Stage stage) { //Defining the axes CategoryAxis xAxis = new CategoryAxis(); xAxis.setLabel("Year"); NumberAxis yAxis = new NumberAxis(); yAxis.setLabel("Population (In millions)"); //Creating the Bar chart StackedBarChart stackedBarChart = new StackedBarChart(xAxis, yAxis); stackedBarChart.setTitle("World Population by Region"); //Prepare XYChart.Series objects by setting data XYChart.Series series1 = new XYChart.Series<>(); series1.setName("Asia"); series1.getData().add(new XYChart.Data<>("2012", 900)); series1.getData().add(new XYChart.Data<>("2013", 1000)); series1.getData().add(new XYChart.Data<>("2014", 1170)); series1.getData().add(new XYChart.Data<>("2015", 1250)); series1.getData().add(new XYChart.Data<>("2016", 1530)); XYChart.Series series2 = new XYChart.Series<>(); series2.setName("Europe"); series2.getData().add(new XYChart.Data<>("2012", 390)); series2.getData().add(new XYChart.Data<>("2013", 400)); series2.getData().add(new XYChart.Data<>("2014", 440)); series2.getData().add(new XYChart.Data<>("2015", 480)); series2.getData().add(new XYChart.Data<>("2016", 540)); //Setting the data to bar chart stackedBarChart.getData().addAll(series1, series2); //Creating a stack pane to hold the chart StackPane pane = new StackPane(stackedBarChart); //Setting the Scene Scene scene = new Scene(pane, 595, 300); stage.setTitle("Stacked Bar Chart"); stage.setScene(scene); stage.show(); } public static void main(String args[]){ launch(args); } }
輸出
廣告