JavaFXでグラフ作成（棒グラフ／折れ線グラフ／散布図）

2017/05/01

JavaFXでグラフ作成できるコントロールがあるとのことで試してみました。結論から言うとめちゃめちゃ使いやすいです。

[ad#top-1]

1 棒グラフ
2 折れ線エリアグラフ
3 散布図
4 まとめ・雑感

棒グラフ

棒グラフはこんな感じです。

ソースコードは以下の通り。BarChartTestクラスを使います。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class BarChartTest extends Application {

  @Override
  public void start(Stage stage) throws Exception {
    stage.setTitle("Chartテスト");
    CategoryAxis x = new CategoryAxis();
    x.setLabel("県名");
    NumberAxis y = new NumberAxis();
    y.setLabel("人口");

    BarChart<String, Number> chart = new BarChart<String, Number>(x, y);
    chart.setTitle("棒グラフテスト");
    XYChart.Series<String, Number> xy = new XYChart.Series<>();
    xy.setName("人口");

    xy.getData().add(new XYChart.Data<>("東京都", 13390));
    xy.getData().add(new XYChart.Data<>("神奈川県", 9096));
    xy.getData().add(new XYChart.Data<>("大阪府", 8836));
    xy.getData().add(new XYChart.Data<>("愛知県", 7455));
    xy.getData().add(new XYChart.Data<>("埼玉県", 7239));
    xy.getData().add(new XYChart.Data<>("千葉県", 6197));

    chart.getData().add(xy);

    HBox root = new HBox();
    root.getChildren().add(chart);
    Scene scene = new Scene(root, 600, 400);
    stage.setScene(scene);
    stage.show();
  }

  public static void main(String... args) {
    launch(args);
  }
}

折れ線エリアグラフ

折れ線はこちら。厳密に言うとエリアグラフと言って折れ線の下の部分が塗りつぶされるヤツです。

ソースコードは以下の通り。AresChartクラスを使います。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class AreaChartTest extends Application {

  @Override
  public void start(Stage stage) throws Exception {
    stage.setTitle("Chartテスト");
    NumberAxis x = new NumberAxis(2010, 2015, 1);
    x.setLabel("年度");
    NumberAxis y = new NumberAxis(126000, 129000, 200);
    y.setLabel("人口");

    AreaChart<Number, Number> chart = new AreaChart<Number, Number>(x, y);
    chart.setTitle("AreaChartテスト");
    XYChart.Series<Number, Number> xy = new XYChart.Series<>();
    xy.setName("店舗数");

    xy.getData().add(new XYChart.Data<>(2010, 128057));
    xy.getData().add(new XYChart.Data<>(2011, 127799));
    xy.getData().add(new XYChart.Data<>(2012, 127515));
    xy.getData().add(new XYChart.Data<>(2013, 127298));
    xy.getData().add(new XYChart.Data<>(2014, 127083));
    xy.getData().add(new XYChart.Data<>(2015, 127095));
    chart.getData().add(xy);

    HBox root = new HBox();
    root.getChildren().add(chart);
    Scene scene = new Scene(root, 600, 400);
    stage.setScene(scene);
    stage.show();
  }

  public static void main(String... args) {
    launch(args);
  }
}

散布図

散布図です。※ちなみにこちらはグラフを作るために作った便宜上のウソデータですのであしからず。公の統計データで散布図にできるものがなくて・・・。

ソースコードは以下の通り。ScatterChartクラスを使います。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class ScatterChartTest extends Application {

  @Override
  public void start(Stage stage) throws Exception {
    stage.setTitle("Chartテスト");
    NumberAxis x = new NumberAxis();
    x.setLabel("年齢");
    NumberAxis y = new NumberAxis();
    y.setLabel("年収");

    ScatterChart<Number, Number> chart = new ScatterChart<Number, Number>(x, y);
    chart.setTitle("散布図テスト");
    XYChart.Series<Number, Number> xy = new XYChart.Series<>();
    xy.setName("年収(万円)");

    xy.getData().add(new XYChart.Data<>(21, 300));
    xy.getData().add(new XYChart.Data<>(26, 420));
    xy.getData().add(new XYChart.Data<>(32, 450));
    xy.getData().add(new XYChart.Data<>(55, 820));
    xy.getData().add(new XYChart.Data<>(43, 720));
    xy.getData().add(new XYChart.Data<>(38, 705));
    xy.getData().add(new XYChart.Data<>(34, 655));
    xy.getData().add(new XYChart.Data<>(37, 670));
    xy.getData().add(new XYChart.Data<>(41, 675));
    xy.getData().add(new XYChart.Data<>(47, 810));
    xy.getData().add(new XYChart.Data<>(44, 790));
    xy.getData().add(new XYChart.Data<>(50, 870));
    xy.getData().add(new XYChart.Data<>(30, 610));
    xy.getData().add(new XYChart.Data<>(28, 540));

    chart.getData().add(xy);

    HBox root = new HBox();
    root.getChildren().add(chart);
    Scene scene = new Scene(root, 600, 400);
    stage.setScene(scene);
    stage.show();
  }

  public static void main(String... args) {
    launch(args);
  }
}