2

JavaFX BarChart に左ドラッグおよび右ドラッグ機能を実装しようとしました。x 軸のデータ シリーズの最後に項目を追加し、最初の項目を削除すると、左ドラッグ機能が正しく機能します。

ただし、右ドラッグ機能は期待どおりに機能しません。x 軸シリーズの先頭にアイテムを追加し、最後にアイテムを削除することになっています。削除は正常に機能しますが、追加操作により、項目が BarChart の先頭ではなく末尾に追加されます。

並べ替えられた方法で ObservableList から BarChart を更新する必要性を認識しない CategoryAxis の使用に関係していると思われます (項目が基礎となる ObservableList の先頭に追加されることがわかりますが)。

また、ドラッグ操作を実装するためのより良い方法があれば教えてください。

以下は、問題を再現するための完全なアプリケーションです。

import java.text.SimpleDateFormat;
import java.util.Date;
import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.scene.Scene;
import javafx.scene.chart.BarChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class BarchartProblem extends Application {

    private static SimpleDateFormat dateFormat = new SimpleDateFormat("HH:mm:ss");                

    private double dragStartX = 0;    

    private long minTime;
    private long maxTime;

    @FXML
    private BarChart<String,Number> histogramBarChart;

    @Override
    public void start(Stage primaryStage) {        
        final CategoryAxis xAxis = new CategoryAxis();                
        final NumberAxis yAxis = new NumberAxis();                                
        xAxis.setLabel("Time");       
        yAxis.setLabel("Entries");         
        histogramBarChart = new BarChart<String, Number>(xAxis, yAxis);

        final XYChart.Series series1 = new XYChart.Series();
        histogramBarChart.setLegendVisible(false);

        histogramBarChart.getData().addAll(series1);                                

        histogramBarChart.setOnMousePressed(new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent mouseEvent) {
                System.out.println(mouseEvent);
                dragStartX = mouseEvent.getX();
            }

        });

        histogramBarChart.setOnMouseDragged(new EventHandler<MouseEvent>() {            
            @Override
            public void handle(MouseEvent mouseEvent) {
                if (dragStartX > mouseEvent.getX()) {            
                    XYChart.Series series = histogramBarChart.getData().get(0);            
                    minTime += 60000;
                    maxTime += 60000;            
                    series.getData().add(new XYChart.Data(dateFormat.format(new Date(maxTime)), 0));
                    series.getData().remove(0);                        
                    System.out.println("Drag Left");
                } else if (dragStartX < mouseEvent.getX()) {                                                        
                    XYChart.Series series = histogramBarChart.getData().get(0);            
                    minTime -= 60000;
                    maxTime -= 60000;
                    series.getData().add(0, new XYChart.Data(dateFormat.format(new Date(minTime)), 0));            
                    series.getData().remove(series.getData().size()-1);                                            
                    System.out.println("Drag Right");        
                }
            }
        });

        final long currentTime = System.currentTimeMillis();
        minTime = currentTime-60000*30;
        maxTime = currentTime;

        for (long i = minTime; i <= maxTime; i += 60000) {            
            series1.getData().add(new XYChart.Data(dateFormat.format(new Date(i)), Math.random()*500));                
        }

        StackPane root = new StackPane();
        root.getChildren().add(histogramBarChart);

        Scene scene = new Scene(root, 300, 250);

        primaryStage.setTitle("BarChart Problem");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
4

0 に答える 0