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

バブルチャートを使う　[JavaFX] [編集]

前置き

JavaFXでバブルチャート表示させる。
前回の散布図と使い方はほとんど一緒。ただし、データの強弱を表現できる。

ポイントは、X軸に NumberAxis を指定する必要があること。
データの第3引数に半径を指定すると、データの強弱を表現できるようになる。
半径を指定しなかった場合には、散布図とほぼ同じ使い方になる。
今回は、半径を5段階でランダムに指定している。

実装

FXDemo.fxml

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

<?import javafx.scene.chart.BubbleChart?>
<?import javafx.scene.chart.NumberAxis?>
<?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>
        <BubbleChart fx:id="chtExample" BorderPane.alignment="CENTER">
        <xAxis>
            <NumberAxis side="BOTTOM" />
        </xAxis>
        <yAxis>
            <NumberAxis side="LEFT" />
        </yAxis>
        </BubbleChart>
    </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.BubbleChart
import javafx.scene.chart.NumberAxis
import javafx.scene.chart.XYChart
import javafx.scene.layout.BorderPane
import javafx.stage.Stage
import java.net.URL
import java.util.*

class FXDemo : Application(), Initializable {

    @FXML
    lateinit var chtExample: BubbleChart<Number, 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 = "Bubble 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<Number, Number>> {
        val list = observableArrayList<XYChart.Series<Number, Number>>()

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

            for (j in 0 until days) {
                val buf = Random().nextDouble() * 100
                if (55 < buf) series.data.add(XYChart.Data(j + 1, buf, Random().nextInt(5)))
            }
            list.add(series)
        }
        return list
    }

    companion object {

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