JavaFX示例以负值创建面积图

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

在实例化此类时,必须传递Axis类的两个对象,它们代表x轴和y轴(作为构造函数的参数)。由于Axis类是抽象的,因此您需要传递其具体子类的对象NumberAxis(用于数字值)或CategoryAxis(字符串值)。

具有–ve值的面积图

  • 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)
  • 可以在数值轴上传递–ve整数作为值(在数字轴上),在(相反)轴上画一条水平线为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) {
      //定义x和y轴
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis(-5, 7.5, 2.5);
      //设置轴的标签
      yAxis.setLabel("Values");
      //创建面积图
      AreaChart<String, Number> areaChart = new AreaChart<String, Number>(xAxis, yAxis);
      //准备系列的数据点1-
      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));
      //准备系列的数据点3-
      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));
      //设置所有系列的名称
      series1.setName("John");
      series2.setName("Jane");
      //将数据设置为面积图
      areaChart.getData().addAll( series1, series2);
      //创建一个堆栈窗格来保存图表
      StackPane pane = new StackPane(areaChart);
      pane.setPadding(new Insets(15, 15, 15, 15));
      pane.setStyle("-fx-background-color: BEIGE");
      //设置场景
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Area Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果