2015-07-20

JavaFX: チャートのカスタマイズ (2)

JavaFX のチャートを使いこなせるようになりたいと、いくつかチャートのサンプルを紹介してきましたが、前回は、LineChart クラスを継承した MyChart1 を紹介しました。今回はさらに話を進めて、XYChart から継承したサンプルを紹介します。

と言っても自分自身のオリジナルサンプルではなく、Oracle の JavaFX のサンプル(参考サイト [1])にある CandleStickeChart クラス(右図)です。

なお Candlestick Chart は、日本語ではローソク足チャートと呼ばれていて、株価などの相場の値動きを時系列に沿った図表を表す時の手法の一つです。

動作環境

動作環境は次の通りです。

  • OS: Fedora 22 x86_64
  • jdk1.8.0_51-1.8.0_51-fcs.x86_64 (Oracle)
  • IDE: NetBeans IDE 8.0.2

配布ライセンス

なお、今回紹介するサンプルは、少し手を加えてはあるものの、Oracle が配布しているサンプルほぼそのままです。この記事の全てのサンプルの配布は以下のライセンスに従っています。

Copyright (c) 2008, 2013 Oracle and/or its affiliates.
All rights reserved. Use is subject to license terms.

This file is available and licensed under the following license:

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
  • Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
  • Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
  • Neither the name of Oracle Corporation nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

CandleStickChart クラス

リスト:CandleStickChart.java
package candlestickchart;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import javafx.animation.FadeTransition;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.scene.Node;
import javafx.scene.chart.Axis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.shape.LineTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;
import javafx.util.Duration;

/**
 * A candlestick chart is a style of bar-chart used primarily to describe price
 * movements of a security, derivative, or currency over time.
 *
 * The Data Y value is used for the opening price and then the close, high and
 * low values are stored in the Data's extra value property using a
 * CandleStickExtraValues object.
 */
public class CandleStickChart extends XYChart<Number, Number> {

    // -------------- CONSTRUCTORS ----------------------------------------------
    /**
     * Construct a new CandleStickChart with the given axis.
     *
     * @param xAxis The x axis to use
     * @param yAxis The y axis to use
     */
    public CandleStickChart(Axis<Number> xAxis, Axis<Number> yAxis) {
        super(xAxis, yAxis);
        getStylesheets().add(getClass().getResource("CandleStickChart.css").toExternalForm());
        setAnimated(false);
        xAxis.setAnimated(false);
        yAxis.setAnimated(false);
    }

    /**
     * Construct a new CandleStickChart with the given axis and data.
     *
     * @param xAxis The x axis to use
     * @param yAxis The y axis to use
     * @param data The data to use, this is the actual list used so any changes
     * to it will be reflected in the chart
     */
    public CandleStickChart(Axis<Number> xAxis, Axis<Number> yAxis, ObservableList<XYChart.Series<Number, Number>> data) {
        this(xAxis, yAxis);
        setData(data);
    }

    // -------------- METHODS ------------------------------------------------------------------------------------------
    /**
     * Called to update and layout the content for the plot
     */
    @Override
    protected void layoutPlotChildren() {
        // we have nothing to layout if no data is present
        if (getData() == null) {
            return;
        }
        // update candle positions
        for (int seriesIndex = 0; seriesIndex < getData().size(); seriesIndex++) {
            XYChart.Series<Number, Number> series = getData().get(seriesIndex);
            Iterator<XYChart.Data<Number, Number>> iter = getDisplayedDataIterator(series);
            Path seriesPath = null;
            if (series.getNode() instanceof Path) {
                seriesPath = (Path) series.getNode();
                seriesPath.getElements().clear();
            }
            while (iter.hasNext()) {
                XYChart.Data<Number, Number> item = iter.next();
                double x = getXAxis().getDisplayPosition(getCurrentDisplayedXValue(item));
                double y = getYAxis().getDisplayPosition(getCurrentDisplayedYValue(item));
                Node itemNode = item.getNode();
                CandleStickExtraValues extra = (CandleStickExtraValues) item.getExtraValue();
                if (itemNode instanceof Candle && extra != null) {
                    Candle candle = (Candle) itemNode;

                    double close = getYAxis().getDisplayPosition(extra.getClose());
                    double high = getYAxis().getDisplayPosition(extra.getHigh());
                    double low = getYAxis().getDisplayPosition(extra.getLow());

                    // calculate candle width
                    double candleWidth = -1;
                    if (getXAxis() instanceof NumberAxis) {
                        NumberAxis xa = (NumberAxis) getXAxis();
                        candleWidth = xa.getDisplayPosition(xa.getTickUnit()) * 0.90; // use 90% width between ticks
                    }

                    // update candle
                    candle.update(close - y, high - y, low - y, candleWidth);
                    candle.updateTooltip(item.getYValue().doubleValue(), extra.getClose(), extra.getHigh(), extra.getLow());

                    // position the candle
                    candle.setLayoutX(x);
                    candle.setLayoutY(y);
                }
                if (seriesPath != null) {
                    if (seriesPath.getElements().isEmpty()) {
                        seriesPath.getElements().add(new MoveTo(x, getYAxis().getDisplayPosition(extra.getAverage())));
                    } else {
                        seriesPath.getElements().add(new LineTo(x, getYAxis().getDisplayPosition(extra.getAverage())));
                    }
                }
            }
        }
    }

    @Override
    protected void dataItemChanged(XYChart.Data<Number, Number> item) {
    }

    @Override
    protected void dataItemAdded(XYChart.Series<Number, Number> series, int itemIndex, XYChart.Data<Number, Number> item) {
        Node candle = createCandle(getData().indexOf(series), item, itemIndex);
        if (shouldAnimate()) {
            candle.setOpacity(0);
            getPlotChildren().add(candle);

            // fade in new candle
            FadeTransition ft = new FadeTransition(Duration.millis(500), candle);
            ft.setToValue(1);
            ft.play();
        } else {
            getPlotChildren().add(candle);
        }

        // always draw average line on top
        if (series.getNode() != null) {
            series.getNode().toFront();
        }
    }

    @Override
    protected void dataItemRemoved(XYChart.Data<Number, Number> item, XYChart.Series<Number, Number> series) {
        final Node candle = item.getNode();

        if (shouldAnimate()) {
            // fade out old candle
            FadeTransition ft = new FadeTransition(Duration.millis(500), candle);
            ft.setToValue(0);
            ft.setOnFinished((ActionEvent actionEvent) -> {
                getPlotChildren().remove(candle);
            });
            ft.play();
        } else {
            getPlotChildren().remove(candle);
        }
    }

    @Override
    protected void seriesAdded(XYChart.Series<Number, Number> series, int seriesIndex) {
        // handle any data already in series
        for (int j = 0; j < series.getData().size(); j++) {
            XYChart.Data item = series.getData().get(j);
            Node candle = createCandle(seriesIndex, item, j);
            if (shouldAnimate()) {
                candle.setOpacity(0);
                getPlotChildren().add(candle);

                // fade in new candle
                FadeTransition ft = new FadeTransition(Duration.millis(500), candle);
                ft.setToValue(1);
                ft.play();
            } else {
                getPlotChildren().add(candle);
            }
        }
        // create series path
        Path seriesPath = new Path();
        seriesPath.getStyleClass().setAll("candlestick-average-line", "series" + seriesIndex);
        series.setNode(seriesPath);
        getPlotChildren().add(seriesPath);
    }

    @Override
    protected void seriesRemoved(XYChart.Series<Number, Number> series) {
        // remove all candle nodes
        series.getData().stream().map((d) -> d.getNode()).forEach((candle) -> {
            if (shouldAnimate()) {

                // fade out old candle
                FadeTransition ft = new FadeTransition(Duration.millis(500), candle);
                ft.setToValue(0);
                ft.setOnFinished((ActionEvent actionEvent) -> {
                    getPlotChildren().remove(candle);
                });
                ft.play();
            } else {
                getPlotChildren().remove(candle);
            }
        });
    }

    /**
     * Create a new Candle node to represent a single data item
     *
     * @param seriesIndex The index of the series the data item is in
     * @param item The data item to create node for
     * @param itemIndex The index of the data item in the series
     * @return New candle node to represent the give data item
     */
    private Node createCandle(int seriesIndex, final XYChart.Data item, int itemIndex) {
        Node candle = item.getNode();
        // check if candle has already been created
        if (candle instanceof Candle) {
            ((Candle) candle).setSeriesAndDataStyleClasses("series" + seriesIndex, "data" + itemIndex);
        } else {
            candle = new Candle("series" + seriesIndex, "data" + itemIndex);
            item.setNode(candle);
        }
        return candle;
    }

    /**
     * This is called when the range has been invalidated and we need to update
     * it. If the axis are auto ranging then we compile a list of all data that
     * the given axis has to plot and call invalidateRange() on the axis passing
     * it that data.
     */
    @Override
    protected void updateAxisRange() {
        // For candle stick chart we need to override this method as we need to let the axis know that they need to be able
        // to cover the whole area occupied by the high to low range not just its center data value
        final Axis<Number> xa = getXAxis();
        final Axis<Number> ya = getYAxis();
        List<Number> xData = null;
        List<Number> yData = null;
        if (xa.isAutoRanging()) {
            xData = new ArrayList<>();
        }
        if (ya.isAutoRanging()) {
            yData = new ArrayList<>();
        }
        if (xData != null || yData != null) {
            for (XYChart.Series<Number, Number> series : getData()) {
                for (XYChart.Data<Number, Number> data : series.getData()) {
                    if (xData != null) {
                        xData.add(data.getXValue());
                    }
                    if (yData != null) {
                        CandleStickExtraValues extras = (CandleStickExtraValues) data.getExtraValue();
                        if (extras != null) {
                            yData.add(extras.getHigh());
                            yData.add(extras.getLow());
                        } else {
                            yData.add(data.getYValue());
                        }
                    }
                }
            }
            if (xData != null) {
                xa.invalidateRange(xData);
            }
            if (yData != null) {
                ya.invalidateRange(yData);
            }
        }
    }
}
リスト:Candle.java
package candlestickchart;

import javafx.scene.Group;
import javafx.scene.control.Tooltip;
import javafx.scene.layout.Region;
import javafx.scene.shape.Line;

/** Candle node used for drawing a candle */
public class Candle extends Group {
    private final Line highLowLine = new Line();
    private final Region bar = new Region();
    private String seriesStyleClass;
    private String dataStyleClass;
    private boolean openAboveClose = true;
    private final Tooltip tooltip = new Tooltip();

    Candle(String seriesStyleClass, String dataStyleClass) {
        setAutoSizeChildren(false);
        getChildren().addAll(highLowLine, bar);
        this.seriesStyleClass = seriesStyleClass;
        this.dataStyleClass = dataStyleClass;
        updateStyleClasses();
        tooltip.setGraphic(new TooltipContent());
        Tooltip.install(bar, tooltip);
    }

    public void setSeriesAndDataStyleClasses(String seriesStyleClass, String dataStyleClass) {
        this.seriesStyleClass = seriesStyleClass;
        this.dataStyleClass = dataStyleClass;
        updateStyleClasses();
    }

    public void update(double closeOffset, double highOffset, double lowOffset, double candleWidth) {
        openAboveClose = closeOffset > 0;
        updateStyleClasses();
        highLowLine.setStartY(highOffset);
        highLowLine.setEndY(lowOffset);
        if (candleWidth == -1) {
            candleWidth = bar.prefWidth(-1);
        }
        if (openAboveClose) {
            bar.resizeRelocate(-candleWidth / 2, 0, candleWidth, closeOffset);
        } else {
            bar.resizeRelocate(-candleWidth / 2, closeOffset, candleWidth, closeOffset * -1);
        }
    }

    public void updateTooltip(double open, double close, double high, double low) {
        TooltipContent tooltipContent = (TooltipContent) tooltip.getGraphic();
        tooltipContent.update(open, close, high, low);
    }

    private void updateStyleClasses() {
        getStyleClass().setAll("candlestick-candle", seriesStyleClass, dataStyleClass);
        highLowLine.getStyleClass().setAll("candlestick-line", seriesStyleClass, dataStyleClass,
                openAboveClose ? "open-above-close" : "close-above-open");
        bar.getStyleClass().setAll("candlestick-bar", seriesStyleClass, dataStyleClass,
                openAboveClose ? "open-above-close" : "close-above-open");
    }
}
リスト:CandleStickExtraValues.java
package candlestickchart;

/** Data extra values for storing close, high and low. */
public class CandleStickExtraValues  {
    private final double close;
    private final double high;
    private final double low;
    private final double average;

    public CandleStickExtraValues(double close, double high, double low, double average) {
        this.close = close;
        this.high = high;
        this.low = low;
        this.average = average;
    }

    public double getClose() {
        return close;
    }

    public double getHigh() {
        return high;
    }

    public double getLow() {
        return low;
    }

    public double getAverage() {
        return average;
    }

    @Override
    public String toString() {
        return "CandleStickExtraValues{" + "close=" + close + ", high=" + high + ", low=" + low + ", average=" + average + '}';
    }
}

ツールチップに表示する内容は、日本語に換えてあります。

リスト:TooltipContent.java
package candlestickchart;

import javafx.scene.control.Label;
import javafx.scene.layout.GridPane;

/**
 * The content for Candle tool tips
 */
public class TooltipContent  extends GridPane {
    private final Label openValue = new Label();
    private final Label closeValue = new Label();
    private final Label highValue = new Label();
    private final Label lowValue = new Label();

    TooltipContent() {
        Label open = new Label("始値:");
        Label close = new Label("終値:");
        Label high = new Label("高値:");
        Label low = new Label("安値:");
        open.getStyleClass().add("candlestick-tooltip-label");
        close.getStyleClass().add("candlestick-tooltip-label");
        high.getStyleClass().add("candlestick-tooltip-label");
        low.getStyleClass().add("candlestick-tooltip-label");
        setConstraints(open, 0, 0);
        setConstraints(openValue, 1, 0);
        setConstraints(close, 0, 1);
        setConstraints(closeValue, 1, 1);
        setConstraints(high, 0, 2);
        setConstraints(highValue, 1, 2);
        setConstraints(low, 0, 3);
        setConstraints(lowValue, 1, 3);
        getChildren().addAll(open, openValue, close, closeValue, high, highValue, low, lowValue);
    }

    public void update(double open, double close, double high, double low) {
        openValue.setText(Double.toString(open));
        closeValue.setText(Double.toString(close));
        highValue.setText(Double.toString(high));
        lowValue.setText(Double.toString(low));
    }
}

CandleStickChart の CSS では、チャートの基本的なフォントサイズなどの修飾も追加してあります。

リスト:CandleStickChart.css
/* ====== CANDLE STICK CHART =========================================================== */
.candlestick-tooltip-label {
    -fx-font-size: 9pt;
    -fx-font-weight: bold;
    -fx-text-fill: white;
    -fx-padding: 2 5 2 0;
}
.candlestick-average-line {
    -fx-stroke: #106ece;
    -fx-stroke-width: 2px;
}
.candlestick-candle {
    -fx-effect: dropshadow( two-pass-box , rgba(0,0,0,0.4) , 10, 0.0 , 2 , 4 );
}
.candlestick-line {
    -fx-stroke: gray;
    -fx-stroke-width: 2px;
}
.candlestick-bar {
    -fx-padding: 5;
    -candlestick-bar-fill: red;
    -fx-background-color: linear-gradient(derive(-candlestick-bar-fill,-30%), derive(-candlestick-bar-fill,-40%)),
        linear-gradient(derive(-candlestick-bar-fill,100%), derive(-candlestick-bar-fill, 10%)),
        linear-gradient(derive(-candlestick-bar-fill,30%), derive(-candlestick-bar-fill,-10%));
    -fx-background-insets: 0,1,2;
}
.candlestick-bar.close-above-open {
    -candlestick-bar-fill: greenyellow;
}
.candlestick-bar.open-above-close {
    -candlestick-bar-fill: lightpink;
}

.chart {
    -fx-padding: 10px;
    -fx-background-color: white;
}
 
.chart-content {
    -fx-padding: 10px;    
}
 
.chart-title {
    -fx-font-size: 18pt;    
}
 
 
.axis-label {
    -fx-font-size: 14pt;
}
 
.axis {
    -fx-tick-label-font: 12pt system;
}

実行例

CandleStickChart クラスを利用したサンプルを下記に紹介します。東証など日本の株式の履歴は、無料では長い期間を参照できなかったので、Yahoo Finance へアクセスして US の某社の株価データを使用しました。

リスト:CandleStickChartSample.java
package candlestickchart.sample;

import candlestickchart.CandleStickChart;
import candlestickchart.CandleStickExtraValues;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;

public class CandleStickChartSample extends Application {

    // DAY, OPEN, CLOSE, HIGH, LOW, AVERAGE
    private static final double[][] data = new double[][]{
        {1, 17.9, 17.9, 17.69, 17.77, 17.795},
        {2, 18.43, 18.48, 17.64, 17.87, 18.06},
        {3, 18.9, 18.99, 18.52, 18.57, 18.755},
        {4, 19.31, 19.42, 18.86, 18.89, 19.14},
        {5, 18.9, 19.63, 18.87, 19.31, 19.25},
        {6, 18.83, 18.99, 18.72, 18.77, 18.855},
        {7, 18.74, 18.91, 18.51, 18.52, 18.71},
        {8, 19, 19.04, 18.52, 18.55, 18.78},
        {9, 19.23, 19.3, 18.73, 19.17, 19.015},
        {10, 19.38, 19.72, 19.26, 19.27, 19.49},
        {11, 19.55, 19.64, 19.45, 19.61, 19.545},
        {12, 19.34, 19.66, 19.34, 19.51, 19.5},
        {13, 19.28, 19.41, 19.06, 19.22, 19.235},
        {14, 19.59, 19.59, 19.19, 19.21, 19.39},
        {15, 19.96, 20.16, 19.63, 19.78, 19.895},
        {16, 20.22, 20.28, 20.01, 20.06, 20.145},
        {17, 20.24, 20.46, 20.08, 20.1, 20.27},
        {18, 19.84, 20.13, 19.83, 19.96, 19.98},
        {19, 19.79, 19.95, 19.7, 19.86, 19.825},
        {20, 19.83, 19.93, 19.68, 19.72, 19.805},
        {21, 19.62, 19.86, 19.58, 19.84, 19.72},
        {22, 19.79, 19.9, 19.52, 19.54, 19.71},
        {23, 19.64, 19.85, 19.57, 19.82, 19.71},
        {24, 19.45, 19.79, 19.34, 19.71, 19.565},
        {25, 19.74, 19.79, 19.59, 19.62, 19.69},
        {26, 20.04, 20.11, 19.74, 19.78, 19.925},
        {27, 20, 20.14, 19.96, 20.04, 20.05},
        {28, 19.82, 20.01, 19.71, 19.91, 19.86},
        {29, 20.14, 20.24, 19.81, 19.87, 20.025},
        {30, 20.04, 20.23, 19.93, 20.15, 20.08},
        {31, 20.24, 20.31, 19.86, 20.06, 20.085},
        {32, 20.54, 20.59, 20.33, 20.36, 20.46},
        {33, 20.27, 20.59, 20.09, 20.38, 20.34},
        {34, 20.03, 20.34, 20.03, 20.31, 20.185},
        {35, 20.43, 20.43, 20.06, 20.13, 20.245},
        {36, 20.34, 20.6, 20.29, 20.36, 20.445},
        {37, 19.96, 20.5, 19.96, 20.34, 20.23},
        {38, 20.11, 20.24, 19.88, 19.99, 20.06},
        {39, 20.18, 20.28, 20.07, 20.14, 20.175},
        {40, 19.83, 20.26, 19.82, 20.15, 20.04},
        {41, 19.95, 20.07, 19.87, 19.91, 19.97},
        {42, 20.2, 20.33, 19.93, 19.99, 20.13},
        {43, 20.26, 20.34, 20.02, 20.19, 20.18},
        {44, 20.57, 20.59, 20.12, 20.2, 20.355},
        {45, 20.03, 20.1, 19.79, 19.86, 19.945},
        {46, 19.95, 20.04, 19.78, 19.93, 19.91},
        {47, 19.91, 19.99, 19.78, 19.89, 19.885},
        {48, 19.8, 19.96, 19.73, 19.92, 19.845},
        {49, 19.78, 19.85, 19.65, 19.69, 19.75},
        {50, 19.21, 19.67, 19.2, 19.56, 19.435},
        {51, 19.45, 19.56, 19.17, 19.45, 19.365},
        {52, 19.77, 19.84, 19.32, 19.36, 19.58},
        {53, 19.98, 20.08, 19.86, 19.88, 19.97},
        {54, 19.93, 20.11, 19.82, 19.98, 19.965},
        {55, 19.92, 19.92, 19.65, 19.79, 19.785},
        {56, 19.95, 20.01, 19.63, 20.01, 19.82},
        {57, 20.13, 20.49, 19.99, 20.04, 20.24},
        {58, 20.53, 20.55, 19.64, 19.97, 20.095},
        {59, 22.27, 22.35, 21.75, 21.8, 22.05},
        {60, 22.14, 22.24, 21.95, 22.17, 22.095},
        {61, 22.26, 22.42, 22.01, 22.31, 22.215},
        {62, 22.27, 22.67, 22.06, 22.29, 22.365},
        {63, 21.71, 21.93, 21.68, 21.76, 21.805},
        {64, 21.7, 21.76, 21.37, 21.49, 21.565},
        {65, 22.2, 22.22, 21.71, 21.88, 21.965},
        {66, 22.06, 22.71, 22.05, 22.55, 22.38}
    };

    private CandleStickChart chart;
    private NumberAxis xAxis;
    private NumberAxis yAxis;

    public Parent createContent() {
        xAxis = new NumberAxis(0, 67, 1);
        xAxis.setMinorTickCount(0);
        yAxis = new NumberAxis(17, 23, 1);
        chart = new CandleStickChart(xAxis, yAxis);
        chart.setTitle("ローソク足チャートのサンプル");

        // setup chart
        xAxis.setLabel("日付(順序)");
        yAxis.setLabel("株価 (USD)");

        // add starting data
        XYChart.Series<Number, Number> series = new XYChart.Series<>();
        for (double[] day : data) {
            series.getData().add(new XYChart.Data<>(day[0], day[5], new CandleStickExtraValues(day[1], day[2], day[3], day[4])));
        }

        ObservableList<XYChart.Series<Number, Number>> stockData = chart.getData();
        if (stockData == null) {
            stockData = FXCollections.observableArrayList(series);
            chart.setData(stockData);
        } else {
            chart.getData().add(series);
        }
        return chart;
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        Scene scene = new Scene(createContent(), 600, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * Java main for when running without JavaFX launcher
     *
     * @param args command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
}

ローソク足チャートは、XYChart を継承して、カスタマイズしたチャートを作成したい時に大いに参考となるサンプルですが、このサンプルをちょっと変更するだけでも使い道がありそうです。例えば、エラーバーをトレンドチャートに追加するときや、ボックスプロットのトレンドを作成するときなどです。

 

参考サイト

  1. JavaFX Samples

2015-07-16

CRAN - Package fields 〜 空間データを扱うパッケージ

R で EDM, Euclidean Distance Matrix を扱えるパッケージを探していたところ、fields というパッケージを見つけました。EDM を扱うコマンドは rdist なのですが、fields のマニュアルrdist の箇所を読んでいる時に、直前の RCMexample, 3-hour precipitation fields from a regional climate model の Example が気になって試してみたところ、パッと出た画面にビックリです。このぐらい R で出来るのは当たり前と言われればそれまでなのですが、その Example を紹介します。

動作環境は次の通りです。

  • OS: Fedora 22 x86_64
  • R-core-3.2.1-1.fc22.x86_64
  • CRAN: fields_8.2-1

端末エミュレータ上で R を起動、install.packages("fields", dependencies = TRUE) を実行して、fields をインストールした後、上記 Example を実行した結果を以下に示します。

> require("fields")
 要求されたパッケージ fields をロード中です 
 要求されたパッケージ spam をロード中です 
 要求されたパッケージ grid をロード中です 
Spam version 1.0-1 (2014-09-09) is loaded.
Type 'help( Spam)' or 'demo( spam)' for a short introduction 
and overview of this package.
Help for individual functions is also obtained by adding the
suffix '.spam' to the function name, e.g. 'help( chol.spam)'.

 次のパッケージを付け加えます: ‘spam’ 

 以下のオブジェクトは ‘package:base’ からマスクされています: 

     backsolve, forwardsolve 

 要求されたパッケージ maps をロード中です 

 次のパッケージを付け加えます: ‘fields’ 

 以下のオブジェクトは ‘package:maps’ からマスクされています: 

     ozone 

> data(RCMexample)
> image.plot(RCMexample$x, RCMexample$y, RCMexample$z[,,2])
> world(add=TRUE, lwd=2, col="grey")
> 

この RCMexample は NARCCAP の地域気候(降水量)モデルのデータです。

fields パッケージの機能を紹介する前に、インパクトがあったサンプルだけを紹介してしまいました。しかし、使い甲斐のありそうなパッケージですので、使いこなせるようになって紹介できるようなサンプルができれば、パッケージの機能紹介を兼ねてあらためて紹介したいと思います。

なお、参考サイト [1] に fields を使った解説がありましたので、ご興味があれば参考にしてください。

参考サイト

  1. 実践! Rで学ぶ統計解析の基礎(6):夏の異常気象をオープン・データで確認 (1/2) - @IT

 

2015-07-15

Java™ SE Development Kit 8, Update 51 Release Notes

Java SE 8u51 が、7 月 14 日(米国時間)にリリースされました。今回は、年 4 回予定されている定期的なセキュリティアップデート, Critical Patch Updates (CPU) の 3 回目のリリースです。


 

2015-07-14

初の「Firefox OS」搭載スマホで知られたGeeksphone、スマートフォン事業を終了へ - CNET Japan

Firefox OS を搭載した端末 Fx0 が au から発売されて半年以上経ちますが、あんなに買いたかった端末も、旬な時期を逃してしまったら、憑き物が落ちたように興味が失せてしまいました。それでも Firefox OS の記事については、アンテナだけは張っていたのですが、事業撤退の記事を見つけました。第三の携帯として存在感を示せるまでシェアを伸ばすのは、なかなか難しいようです。

そういえば、先月の記事ですが、Firefox OS を開発している Mozilla について、人材の流出が深刻だという話もありました。

今後の Firefox OS 開発プロジェクトの発展に大きな影響が出ないことを祈りたいです。

 

2015-07-11

Joda-Time 〜 時刻・日付を簡単操作

Java で、ちょっとしたことで日付・時刻を扱う時に、手軽に使える API がないかといつも感じていました。Java 8 になって、新しい Date and Time API が導入されましたが、残念ながら未だに使えるようになっていません。そんな時に、Joda-Time というライブラリを見つけました。日付や時刻を手軽に扱え、ほんのちょっとしたことに使うのにぴったりでした。このライブラリはオープンソースプロジェクトとして開発されており、Apache 2.0 licence の下で配布されています。

日付や時刻の文字列を、DateTime オブジェクトにして、それを時間(ミリ秒)の整数値に変換するだけの簡単なサンプルを以下に示します、

動作環境は次の通りです。

  • OS: Fedora 22 x86_64
  • java-1.8.0-openjdk-1.8.0.45-40.b14.fc22.x86_64
  • eclipse-platform-4.4.2-6.fc22.x86_64 (LUNA)
  • joda-time-2.8.1
リスト:JodaDateTimeTest.java 
package datetimetest01;

import java.util.Locale;

import org.joda.time.DateTime;
import org.joda.time.format.DateTimeFormat;
import org.joda.time.format.DateTimeFormatter;

class JodaDateTimeTest {
    public static void main(String[] args) {
        String dtStr = " (December 11; 2014 4:16:27 pm)";
        DateTimeFormatter fmt = DateTimeFormat.forPattern("' ('MMMMM dd';' yyyy hh:mm:ss a')'").withLocale(Locale.ENGLISH);
        DateTime dt = fmt.parseDateTime(dtStr);
        System.out.println(dt);
        System.out.println(dt.getMillis());
    }
}

日付・時刻の表記はロケールに依存しますので、異なるシステムで、同じ処理から同じ結果を得るためには、ロケールを固定(この例では Locale.ENGLISH)しておいた方が無難です。

実行例

2014-12-11T16:16:27.000+09:00
1418282187000

今回、日付・時刻を扱う必要に迫られたのは、ほんの些細なことで、下記のような Nebula Visualization の XYGraph で X 軸を時間軸としたチャートを作るためでした。

" (December 11; 2014 4:16:27 pm)" のような文字列から日付・時刻オブジェクトへ変換する必要があり、SimpledateFormat クラスを使う以外にもっと簡単な方法がないか探していたところ、Joda-time ライブラリを見つけたので試してみました。ですので、変換処理が格段に楽になったという訳ではないのです。

また、アプリケーションで Nebula Project のウィジェットを使う限り、カレンダー操作などで Date オブジェクトが必要となるので、Joda-time へ完全に切り替えることは難しいかもしれません。

それでも、参考サイト [1] にあるように、手軽に日付・時刻を操作できるので、必要に応じて使えるように、知っておきたいライブラリです。

参考サイト

  1. Joda-Time - IBM developerWorks 日本語版
  2. Joda-Time - Home
  3. Overview (Joda-Time 2.8.1 API)
  4. ここが大変だよJava 8 Date-Time API(1):ImmutableでスレッドセーフになったJavaの新しい日時APIの基礎知識 (1/5) - @IT

 

2015-07-02

【備忘録】Rで主成分分析 | キャスレーコンサルティング 技術ブログ

成分分析 (PCA, Principal Component Analysis) とは、多変量のデータを、互いに相関が無い、より少ない個数の特性値(主成分)にまとめる手法です。この手法について、分かり易い例を探していたところ、素晴らしい解説を見つけました。パクってしまいそうですので、そうならないうちにそのまま紹介してしまいます。ご興味のある方は、下記をご覧になってください。

主成分分析を利用した多変量解析に取り組んでいますが、紹介可能なサンプルができれば、あらためて紹介します。