JavaFX AreaChart区域图

通常，面积图用于显示图形化的定量数据。它基本上绘制了 XY 平面上一组点的面积。它与折线图的不同之处在于折线图通过直线段将数据点连接起来，而不是绘制它们所占用的区域。

在下图中，面积图显示了一年中每个月两辆不同自行车消耗的汽油量。

在 JavaFX 中，类javafx.scene.chart.AreaChart表示面积图。我们需要实例化这个类来生成一个面积图节点。

1 AreaChart类的属性

2 AreaChart类的构造函数

该类包含下面给出的两个构造函数。

1. public AreaChart(Axis Xaxis, Axis Yaxis) ： 使用指定的轴创建 AreaChart 的新实例。
2. public AreaChart(Axis Xaxis, Axis Yaxis, ObservableList > data)： 使用指定的轴和数据创建 AreaChart 的新实例。

3 AreaChart类的例子

在下面的例子中，我们展示了一家公司在不同地区的销售额之间的比较。

package com.yiidian;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;

public class AreaChartTest extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        //Configuring Xaxis and Yaxis
        NumberAxis xaxis = new NumberAxis(1,12,1);
        NumberAxis yaxis = new NumberAxis(10,510,50);
        xaxis.setLabel("Month of the year");
        yaxis.setLabel("Sales value (lacs)");

        //Creating Areachart
        AreaChart<Number,Number> area = new AreaChart(xaxis,yaxis);

        //Setting title for areachart
        area.setTitle("RegionWise Sales");

        //Configuring series for North sales
        XYChart.Series seriesNorth = new XYChart.Series();
        seriesNorth.setName("North");
        seriesNorth.getData().add(new XYChart.Data(1,120));
        seriesNorth.getData().add(new XYChart.Data(2,140));
        seriesNorth.getData().add(new XYChart.Data(3,50));
        seriesNorth.getData().add(new XYChart.Data(4,80));
        seriesNorth.getData().add(new XYChart.Data(5,150));
        seriesNorth.getData().add(new XYChart.Data(6,130));
        seriesNorth.getData().add(new XYChart.Data(7,110));
        seriesNorth.getData().add(new XYChart.Data(8,90));
        seriesNorth.getData().add(new XYChart.Data(9,200));
        seriesNorth.getData().add(new XYChart.Data(10,120));
        seriesNorth.getData().add(new XYChart.Data(11,100));
        seriesNorth.getData().add(new XYChart.Data(12,120));

        //Configuring series for East sales
        XYChart.Series seriesEast = new XYChart.Series();
        seriesEast.setName("East");
        seriesEast.getData().add(new XYChart.Data(1,500));
        seriesEast.getData().add(new XYChart.Data(2,200));
        seriesEast.getData().add(new XYChart.Data(3,300));
        seriesEast.getData().add(new XYChart.Data(4,290));
        seriesEast.getData().add(new XYChart.Data(5,150));
        seriesEast.getData().add(new XYChart.Data(6,120));
        seriesEast.getData().add(new XYChart.Data(7,190));
        seriesEast.getData().add(new XYChart.Data(8,80));
        seriesEast.getData().add(new XYChart.Data(9,100));
        seriesEast.getData().add(new XYChart.Data(10,220));
        seriesEast.getData().add(new XYChart.Data(11,300));
        seriesEast.getData().add(new XYChart.Data(12,220));

        //Configuring series for west sales
        XYChart.Series seriesWest = new XYChart.Series();
        seriesWest.setName("West");
        seriesWest.getData().add(new XYChart.Data(1,320));
        seriesWest.getData().add(new XYChart.Data(2,40));
        seriesWest.getData().add(new XYChart.Data(3,250));
        seriesWest.getData().add(new XYChart.Data(4,10));
        seriesWest.getData().add(new XYChart.Data(5,190));
        seriesWest.getData().add(new XYChart.Data(6,140));
        seriesWest.getData().add(new XYChart.Data(7,200));
        seriesWest.getData().add(new XYChart.Data(8,190));
        seriesWest.getData().add(new XYChart.Data(9,300));
        seriesWest.getData().add(new XYChart.Data(10,130));
        seriesWest.getData().add(new XYChart.Data(11,400));
        seriesWest.getData().add(new XYChart.Data(12,220));

        //Configuring series for south sales
        XYChart.Series seriesSouth = new XYChart.Series();
        seriesSouth.setName("South");
        seriesSouth.getData().add(new XYChart.Data(1,220));
        seriesSouth.getData().add(new XYChart.Data(2,40));
        seriesSouth.getData().add(new XYChart.Data(3,250));
        seriesSouth.getData().add(new XYChart.Data(4,180));
        seriesSouth.getData().add(new XYChart.Data(5,450));
        seriesSouth.getData().add(new XYChart.Data(6,230));
        seriesSouth.getData().add(new XYChart.Data(7,110));
        seriesSouth.getData().add(new XYChart.Data(8,100));
        seriesSouth.getData().add(new XYChart.Data(9,123));
        seriesSouth.getData().add(new XYChart.Data(10,125));
        seriesSouth.getData().add(new XYChart.Data(11,225));
        seriesSouth.getData().add(new XYChart.Data(12,127));

        //adding series to the Area chart
        area.getData().addAll(seriesNorth,seriesWest,seriesEast,seriesSouth);

        //setting Group and Scene
        Group root = new Group(area);
        Scene scene = new Scene(root,600,400);
        primaryStage.setScene(scene);
        primaryStage.setTitle("一点教程网：AreaChart Example");
        primaryStage.show();
    }
    public static void main(String[] args) {
    launch(args);
    }
}

输出结果为：