JavaFX示例:建立包含負值的面積圖


面積圖接收一系列資料點 (x, y) 作為輸入值,使用線連線它們,並對映所得線與軸之間的區域。在 JavaFX 中,您可以透過例項化 **javafx.scene.chart.AreaChart** 類來建立面積圖。

例項化此類時,必須傳遞 Axis 類的兩個物件,分別表示 x 軸和 y 軸(作為建構函式的引數)。由於 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)
  • 您可以傳遞負整數作為值(在數字軸上),當您這樣做時,會在 0 處(相對)軸上繪製一條水平線,所有負值都繪製在其下方,所有正值都繪製在其上方。

  • 建立所有所需的資料點後,您可以建立所需的系列,為此需要例項化 **XYChart.Series** 類並將資料點新增到其中。

XYChart.Series series = XYChart.Series
series.getData().add(dataPoint1);
series.getData().add(dataPoint2);
series.getData().add(dataPoint3);
  • 您可以根據需要建立任意數量的此類系列。

示例

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_NegativeValues extends Application {
   public void start(Stage stage) {
      //Defining the x and y axes
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis(-5, 7.5, 2.5);
      //Setting labels for the axes
      yAxis.setLabel("Values");
      //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("Apples", 2));
      series1.getData().add(new XYChart.Data("Oranges", -2));
      series1.getData().add(new XYChart.Data("Pears", -3));
      series1.getData().add(new XYChart.Data("Grapes", 2));
      series1.getData().add(new XYChart.Data("Bananas", 1));
      //Preparing the data points for the series3
      XYChart.Series series2 = new XYChart.Series();
      series2.getData().add(new XYChart.Data("Apples", 2));
      series2.getData().add(new XYChart.Data("Oranges", 4));
      series2.getData().add(new XYChart.Data("Pears", 4));
      series2.getData().add(new XYChart.Data("Grapes", -2));
      series2.getData().add(new XYChart.Data("Bananas", 5));
      //Setting the name to all the series
      series1.setName("John");
      series2.setName("Jane");
      //Setting the data to area chart
      areaChart.getData().addAll( series1, series2);
      //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);
   }
}

輸出

更新於:2020年5月18日

277 次瀏覽

開啟您的職業生涯

完成課程獲得認證

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