如何在 JavaFX 中隱藏和取消隱藏折線圖中的數據點？

Question

在我需要創建的應用程序中，我有一系列由線連接的點。 我只需要看到圖形的線部分並隱藏點。 但是，我需要通過單擊圖表中的適當位置來標記某些點。 在我編寫的代碼中，我可以隱藏點但不能標記，或者我可以標記但不能隱藏其余的點。 如何隱藏點並標記所需的點？

package application;
import java.awt.Dimension;
import java.awt.Toolkit;
//import java.beans.EventHandler;

import java.util.ArrayList;
import javafx.event.EventHandler;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.input.MouseButton;
import javafx.scene.input.MouseEvent;
import javafx.scene.Scene;
import javafx.scene.chart.Axis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class Main extends Application {
    public XYChart.Data<Integer, Integer> k = new XYChart.Data();
    public XYChart.Series series;
    String pth;
    public ObservableList<XYChart.Data<Integer, Integer>> dat = FXCollections.<XYChart.Data<Integer, Integer>>observableArrayList();
    public int c = 0;
    ArrayList<Integer> myListx = new ArrayList<Integer>();

    public void start(Stage stage) {
        stage.setTitle("Line Chart Sample");
        final NumberAxis xAxis = new NumberAxis();
        final NumberAxis yAxis = new NumberAxis();
        xAxis.setLabel("Samples");
        yAxis.setLabel("Data");

        final LineChart<Number, Number> lineChart = new LineChart<Number, Number>(xAxis, yAxis);
        lineChart.setCreateSymbols(false);
        Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
        int width = (int) screenSize.getWidth();
        int height = (int) screenSize.getHeight();

        StackPane spLineChart = new StackPane();
        spLineChart.getChildren().add(lineChart);

        while (c < 20) {
            k = new XYChart.Data<Integer, Integer>(c++, c * 6);
            dat.add(k);
            k.setNode(new Node(c));

        }
        series = new XYChart.Series("IMU Data", dat);

        lineChart.getData().addAll(series);

        xAxis.setVisible(true);
        yAxis.setVisible(true);
        spLineChart.setVisible(true);
        StackPane spButton = new StackPane();
        StackPane sp = new StackPane();
        VBox vbox = new VBox();
        VBox.setVgrow(spLineChart, Priority.ALWAYS);
        vbox.getChildren().addAll(sp, spLineChart, spButton);

        Scene scene = new Scene(vbox, width, height - 500);
        stage.setScene(scene);
        stage.show();

    }

    class Node extends StackPane {
        Node(int priorValue) {
            final Circle circle = createData();
            setOnMouseClicked(new EventHandler<MouseEvent>() {
                @Override
                public void handle(MouseEvent mouseEvent) {
                    if (mouseEvent.getButton().equals(MouseButton.PRIMARY)) {
                        getChildren().setAll(circle);
                        myListx.add(priorValue);
                    } else if (mouseEvent.getButton().equals(MouseButton.SECONDARY)) {
                        getChildren().clear();

                        myListx.remove(new Integer(priorValue));

                    }
                }

                ;
            });
        }

        private Circle createData() {
            Circle circle = new Circle();
            circle.setFill(Color.BLACK);
            circle.setStroke(Color.BLACK);
            circle.setRadius(4);
            return circle;
        }
    }

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

Answer 1

使用這個修改后的Node類。 在鼠標點擊事件中，它會根據其子項的存在來切換效果。

class Node extends StackPane {
    Node(int priorValue) {
        setOnMouseClicked(event -> {
            if (getChildren().isEmpty()) {
                final Circle circle = createData();
                getChildren().setAll(circle);
            } else {
                getChildren().clear();
            }
            myListx.add(priorValue);
        });
    }

    private Circle createData() {
        Circle circle = new Circle();
        circle.setFill(Color.BLACK);
        circle.setStroke(Color.BLACK);
        circle.setRadius(4);
        return circle;
    }
}

注意：您可以考慮重命名您的類Node因為它與Node沖突。