JavaFX 2.x: Converti coordinate di clic del mouse nel valore dell'asse XYChart

Question

In JavaFX 2.x, sto utilizzando un XYChart e voglio visualizzare i valori delle coordinate dell'asse (X, Y) del grafico mentre il mouse si sposta attraverso il grafico. Ho configurato un gestore di eventi sul grafico per gestire gli eventi setOnMouseMoved. Tuttavia, non sono sicuro di come convertire il valore getX() di MouseEvent nel valore di coordinate del grafico?

Answer 1

Usa axis.getValueForDisplay(displayPosition) per determinare la posizione del mouse in valore dell'asse coordinate

xAxis.getValueForDisplay(mouseEvent.getX()), 
yAxis.getValueForDisplay(mouseEvent.getY()) 

Ecco un campione che riporta le coordinate su cui il mouse passa in un grafico a linee. La cattura schermo non catturare il cursore del mouse - ti basta immaginare lì ;-)

import javafx.application.Application; 
import javafx.collections.FXCollections; 
import javafx.event.EventHandler; 
import javafx.geometry.Insets; 
import javafx.geometry.Pos; 
import javafx.scene.*; 
import javafx.scene.chart.*; 
import javafx.scene.control.Label; 
import javafx.scene.input.MouseEvent; 
import javafx.scene.layout.VBox; 
import javafx.stage.Stage; 

public class LineChartWithHoverCoords extends Application { 

    @Override public void start(Stage stage) { 
    stage.setTitle("Line Chart Sample"); 

    final LineChart<Number, Number> lineChart = createChart(); 
    Label cursorCoords = createCursorGraphCoordsMonitorLabel(lineChart); 

    stage.setScene(
     new Scene(
     layoutScene(
      lineChart, 
      cursorCoords 
     ) 
    ) 
    ); 
    stage.show(); 
    } 

    private VBox layoutScene(LineChart<Number, Number> lineChart, Label cursorCoords) { 
    VBox layout = new VBox(10); 
    layout.setPadding(new Insets(10)); 
    layout.setAlignment(Pos.CENTER); 
    layout.getChildren().setAll(
     cursorCoords, 
     lineChart 
    ); 
    return layout; 
    } 

    private LineChart<Number, Number> createChart() { 
    final NumberAxis xAxis = new NumberAxis(); 
    final NumberAxis yAxis = new NumberAxis(); 
    xAxis.setLabel("Number of Month"); 
    final LineChart<Number,Number> lineChart = 
     new LineChart<>(xAxis,yAxis); 

    lineChart.setTitle("Stock Monitoring, 2010"); 
    XYChart.Series<Number, Number> series = new XYChart.Series<>(
     "My portfolio", FXCollections.<XYChart.Data<Number, Number>>observableArrayList(
     new XYChart.Data<Number, Number>(1, 23), 
     new XYChart.Data<Number, Number>(2, 14), 
     new XYChart.Data<Number, Number>(3, 15), 
     new XYChart.Data<Number, Number>(4, 24), 
     new XYChart.Data<Number, Number>(5, 34), 
     new XYChart.Data<Number, Number>(6, 36), 
     new XYChart.Data<Number, Number>(7, 22), 
     new XYChart.Data<Number, Number>(8, 45), 
     new XYChart.Data<Number, Number>(9, 43), 
     new XYChart.Data<Number, Number>(10, 17), 
     new XYChart.Data<Number, Number>(11, 29), 
     new XYChart.Data<Number, Number>(12, 25) 
    ) 
    ); 

    lineChart.getData().add(series); 
    return lineChart; 
    } 

    private Label createCursorGraphCoordsMonitorLabel(LineChart<Number, Number> lineChart) { 
    final Axis<Number> xAxis = lineChart.getXAxis(); 
    final Axis<Number> yAxis = lineChart.getYAxis(); 

    final Label cursorCoords = new Label(); 

    final Node chartBackground = lineChart.lookup(".chart-plot-background"); 
    for (Node n: chartBackground.getParent().getChildrenUnmodifiable()) { 
     if (n != chartBackground && n != xAxis && n != yAxis) { 
     n.setMouseTransparent(true); 
     } 
    } 

    chartBackground.setOnMouseEntered(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(true); 
     } 
    }); 

    chartBackground.setOnMouseMoved(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setText(
      String.format(
      "(%.2f, %.2f)", 
      xAxis.getValueForDisplay(mouseEvent.getX()), 
      yAxis.getValueForDisplay(mouseEvent.getY()) 
     ) 
     ); 
     } 
    }); 

    chartBackground.setOnMouseExited(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(false); 
     } 
    }); 

    xAxis.setOnMouseEntered(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(true); 
     } 
    }); 

    xAxis.setOnMouseMoved(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setText(
      String.format(
      "x = %.2f", 
      xAxis.getValueForDisplay(mouseEvent.getX()) 
     ) 
     ); 
     } 
    }); 

    xAxis.setOnMouseExited(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(false); 
     } 
    }); 

    yAxis.setOnMouseEntered(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(true); 
     } 
    }); 

    yAxis.setOnMouseMoved(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setText(
      String.format(
      "y = %.2f", 
      yAxis.getValueForDisplay(mouseEvent.getY()) 
     ) 
     ); 
     } 
    }); 

    yAxis.setOnMouseExited(new EventHandler<MouseEvent>() { 
     @Override public void handle(MouseEvent mouseEvent) { 
     cursorCoords.setVisible(false); 
     } 
    }); 

    return cursorCoords; 
    } 

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

Answer 2

Volevo scrivere un commento, ma non so come . Questo è un commento aggiuntivo quindi il prossimo ragazzo che incontra il problema non passa ore a capire perché. La risposta è corretta, ma fai attenzione quando usi ImageCursor, fornisce le coordinate sbagliate. Dopo aver disattivato lo zoom, scorrere e le date e tutte le mie personalizzazioni ho finito per scoprire che l'uso di un cursore personalizzato rovinerebbe le coordinate di "getValueForDisplay".