	ブログをはじめるログイン

散布図を使う　[JavaFX] [編集]

前置き

JavaFXで散布図を表示させる。
ある集団に於けるデータの分布を視覚化するのに適したグラフ。

季節とアイスの売上の相関
学年と身長の相関
地域と降水確率の相関
etc...

実装

FXDemo.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.chart.CategoryAxis?>
<?import javafx.scene.chart.NumberAxis?>
<?import javafx.scene.chart.ScatterChart?>
<?import javafx.scene.layout.BorderPane?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo">
    <center>
        <ScatterChart fx:id="chtExample" BorderPane.alignment="CENTER">
        <xAxis>
            <CategoryAxis side="BOTTOM" />
        </xAxis>
        <yAxis>
            <NumberAxis side="LEFT" />
        </yAxis>
        </ScatterChart>
    </center>
</BorderPane>

FXDemo.kt

package jp.ne.yonem

import javafx.application.Application
import javafx.collections.FXCollections.observableArrayList
import javafx.collections.ObservableList
import javafx.fxml.FXML
import javafx.fxml.FXMLLoader
import javafx.fxml.Initializable
import javafx.scene.Scene
import javafx.scene.chart.NumberAxis
import javafx.scene.chart.ScatterChart
import javafx.scene.chart.XYChart
import javafx.scene.layout.BorderPane
import javafx.stage.Stage
import java.net.URL
import java.text.SimpleDateFormat
import java.util.*

class FXDemo : Application(), Initializable {

    @FXML
    lateinit var chtExample: ScatterChart<String, Number>

    override fun start(stage: Stage) {
        stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml")))
        stage.title = "FXDemo"
        stage.show()
    }

    override fun initialize(location: URL?, resources: ResourceBundle?) {
        chtExample.title = "Scatter Chart Sample"
        chtExample.data.addAll(dataFactory(3, 100))
        chtExample.xAxis.label = "期間"
        val y: NumberAxis = chtExample.yAxis as NumberAxis
        y.label = "売上"
        y.isAutoRanging = false
        y.lowerBound = 50.0
        y.upperBound = 105.0
    }

    private fun dataFactory(create: Int, days: Int): ObservableList<XYChart.Series<String, Number>> {
        val list = observableArrayList<XYChart.Series<String, Number>>()
        val fmt = SimpleDateFormat("MM-dd")

        for (i in 0 until create) {
            val cal = Calendar.getInstance()
            val series = XYChart.Series<String, Number>()
            series.name = String.format("会社%d", i + 1)
            println(series.name)

            for (j in 0 until days) {
                cal.add(Calendar.DAY_OF_MONTH, j)
                val buf = Random().nextDouble() * 100
                if (55 < buf) series.data.add(XYChart.Data(fmt.format(cal.time), buf))
            }
            list.add(series)
        }
        return list
    }

    companion object {

        @JvmStatic
        fun main(args: Array<String>) {
            launch(FXDemo::class.java, *args)
        }
    }
}