JavaFX：在LineChart的节点上设置ClickListener

Question

我有一个JavaFX应用程序，它首先计算一些数据，然后在LineChart上添加datapoints。我想在节点上添加一个ClickListener，如果用户单击图上的任何节点，相应的值将出现在TableView或其他东西中。但我无法检索节点的值。

代码如下：

lineChart.getData().add(series);
series.getNode().setOnMouseClicked(nodeClicked);

EventListener的代码：

EventHandler<MouseEvent> nodeClicked = new EventHandler<MouseEvent>(){

        @Override
        public void handle(MouseEvent event) {
            System.out.println("clicked");
        }
};

我还尝试在LineChart上设置监听器，但在事件-对象中找不到相应的节点信息，如value等。

Answer 1

看起来您正在将处理程序添加到与数据系列关联的节点。折线图中的这个节点就是这条线本身，所以当您单击这条线时，您应该会看到控制台的输出。

要让侦听器响应对数据点本身的单击，您需要将侦听器添加到与各个Xychart.data实例关联的节点中。

注意，这些节点只在数据添加到序列中并且序列添加到图表中之后才创建；因此，必须注意只在这些事件发生后添加事件处理程序。

下面是一个SSCCE：

import java.util.Random;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.stage.Stage;

public class LineChartWithEventHandlers extends Application {

    @Override
    public void start(Stage primaryStage) {

        LineChart<Number, Number> chart = new LineChart<>(new NumberAxis(), new NumberAxis());
        Series<Number, Number> series = new Series<>();
        series.setName("Data");

        chart.getData().add(series);

        // handler for clicking on line:
        series.getNode().setOnMouseClicked(e -> System.out.println("Click on series"));

        Random rng = new Random();
        for (int x = 0 ; x <= 20 ; x++) {
            Data<Number, Number> data = new Data<>(x, rng.nextInt(100));
            series.getData().add(data);

            // handler for clicking on data point:
            data.getNode().setOnMouseClicked(e -> 
                System.out.printf("Click on data [%d, %d]%n", data.getXValue(), data.getYValue()));
        }

        Scene scene = new Scene(chart);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

屏幕截图后点击线，两个不同的数据点，并再次线：