JavaFX LineChart Hover Values

Je suis dans le processus de création d'une ligne graphique en JavaFX. Tout est bon actuellement et il a réussi à crée le tableau avec les données dont j'ai besoin à partir d'une base de données de la procédure stockée. De toute façon ce que j'ai besoin si possible pour chaque point de données sur le graphique en courbes de disposer d'un événement souris planer sur elle la valeur derrière le point spécifique, par exemple £150,000. J'ai vu des exemples de ce été fait sur PieCharts où il montre le % de la valeur sur le vol stationnaire, mais je ne trouve pas d'exemples n'importe où pour LineCharts, cela peut-il être fait?

Quelqu'un peut me pointer dans la bonne direction, si possible?

Code de la mesure:

private static final String MINIMIZED = "MINIMIZED";
private static final String MAXIMIZED = "MAXIMIZED";
private static String chartState = MINIMIZED;
//12 Month Sales Chart
XYChart.Series<String, Number> series = new XYChart.Series<>();
XYChart.Series<String, Number> series2 = new XYChart.Series<>();

public void getDeltaData() {

    try {
        Connection con = DriverManager.getConnection(connectionUrl);
        //Get all records from table
        String SQL = "";
        Statement stmt = con.createStatement();

        //Create the result set from query execution.
        ResultSet rs = stmt.executeQuery(SQL);

        while (rs.next()) {

            series.getData().add(new XYChart.Data<String, Number>(rs.getString(1),
                    Double.parseDouble(rs.getString(7))));
            series2.getData().add(new XYChart.Data<String, Number>(rs.getString(1),
                    Double.parseDouble(rs.getString(8))));

        }
        rs.close();
        stmt.close();

    } catch (Exception e) {
    }
    yearChart = createChart();
}

    protected LineChart<String, Number> createChart() {
    final CategoryAxis xAxis = new CategoryAxis();
    final NumberAxis yAxis = new NumberAxis();

    //setup chart
    series.setName("Target");
    series2.setName("Actual");
    xAxis.setLabel("Period");
    yAxis.setLabel("£");

    yearChart.getData().add(series);
    yearChart.getData().add(series2);

    yearChart.setCreateSymbols(false);

    return yearChart;
}

Réponse fournie par jewelsea est une solution parfaite à ce problème.

Merci, jewelsea.

source d'informationauteur Uniqum

  1. 30

    Utilisation XYChart.Les données.setNode(hoverPane) pour afficher un noeud personnalisé pour chaque point de données. Faire de la hoverNode un récipient comme un StackPane. Ajouter la souris des écouteurs d'événement, de sorte que vous savez quand la souris entre et feuilles le nœud. Sur entrer en, place une Étiquette de la valeur à l'intérieur de la hoverPane. À la sortie, retirer l'étiquette de la hoverPane.

    Il y a quelques exemple de code pour illustrer cette technique.

    Sortie de l'exemple de code s'affiche avec le curseur survole le 22 nœud.

    JavaFX LineChart Hover Values

  2. 1

    À L'Aide Info-Bulle:

    @Override
public void start(Stage stage) {
stage.setTitle("Line Chart Sample");
//defining the axes
final NumberAxis xAxis = new NumberAxis();
final NumberAxis yAxis = new NumberAxis();
xAxis.setLabel("Number of Month");
//creating the chart
final LineChart<Number,Number> lineChart = new LineChart<>(xAxis,yAxis);
lineChart.setTitle("Stock Monitoring, 2010");
//defining a series
XYChart.Series series = new XYChart.Series();
series.setName("My portfolio");
//populating the series with data
Random rand = new Random();
TreeMap<Integer, Integer> data = new TreeMap();
for(int i = 0; i < 3; i++)
{
data.put(rand.nextInt(51), rand.nextInt(51));            
}
Set set = data.entrySet();
Iterator i = set.iterator();
while(i.hasNext())
{
Map.Entry me = (Map.Entry)i.next();
System.out.println(me.getKey() + " - " + me.getValue());
series.getData().add(new XYChart.Data(me.getKey(), me.getValue()));
}
lineChart.getData().add(series);
Set<Node> node = lineChart.lookupAll(".default-color0.chart-line-symbol.series0.");                    
node.forEach((element) -> {
element.setOnMouseEntered((MouseEvent event1) -> {
double x = event1.getScreenX();
double y = event1.getScreenY();
List keys = new ArrayList(data.keySet());
System.out.println("over value!");
if (event1.getSource().toString().contains("data0")) {
Tooltip t = new Tooltip(data.get(Integer.parseInt(keys.get(0).toString())).toString());
Tooltip.install(element, t);
} else if (event1.getSource().toString().contains("data1")) {
Tooltip t = new Tooltip(data.get(Integer.parseInt(keys.get(1).toString())).toString());
Tooltip.install(element, t);
} else if (event1.getSource().toString().contains("data2")) {
Tooltip t = new Tooltip(data.get(Integer.parseInt(keys.get(2).toString())).toString());
Tooltip.install(element, t);
}
});
});
Scene scene  = new Scene(lineChart,800,600);
stage.setScene(scene);
stage.show();
}
/**
* @param args the command line arguments
*/
public static void main(String[] args) {
launch(args);
}