JavaFX TableView mit XYChart verbinden

L

lam_tr

Top Contributor
Hallo zusammen,

kennt jemand eine Möglichkeit wie ich die Selektierung der TableView mit dem Chart verbinden kann. Ich kann bei dem Chart den SelectionChangeListener benutzen, mir fehlt bloß der Weg zu dem Chart. Es handelt es sich um die gleichen Daten. Über Chart#getData() bekomme ich leider die Infos nicht heraus.

Kurz gesagt ich will sobald ich eine Selektierung auf die TableView den Node auf dem Chart Hervorheben oder anzeigen lassen und umgekehrt.

Hat da jemand ein Tipp für mich?

Grüße
lam
 
dzim

dzim

Top Contributor
Hm. Klingt trivial, ist es aber, glaube ich zumindest, nicht. Ideen hätte ich schon, aber ich denke, das wird nicht ganz ohne werden. Und aus Mangel an eigenem Code, der deinem Problem nahe kommen würde, kann ich dir wirklich nur ein paar Code-Schnipsel geben, mit den Ideen, die ich dazu hätte.
Ich suche mal etwas Code zusammen und poste ihn dann...
 
dzim

dzim

Top Contributor
In einem unserer Anwendungen stellen wir in einem Graphen von Long-Werten (y-Wert) über einen Zeitverlauf (Zeitstempel, x-Wert) dar.

Hier der Auszug aus dem FXML:
HTML: 
    <LineChart fx:id="lineChart" legendVisible="false" VBox.vgrow="NEVER">
        <xAxis>
            <NumberAxis lowerBound="0" tickUnit="1" tickLength="5" animated="false" autoRanging="false"/>
        </xAxis>
        <yAxis>
            <NumberAxis lowerBound="0" tickUnit="1" tickLength="5" tickLabelsVisible="true" animated="false" autoRanging="true">
                <side><Side fx:constant="RIGHT" /></side>
            </NumberAxis>
        </yAxis>
        <legendSide><Side fx:constant="BOTTOM" /></legendSide>
    </LineChart>
Der Kontroller bietet eine Methode an, mit der man Datenpunkte hinzufügen kann:
Java: 
    protected void add(final int index, final XYChart.Data<Number, Number> data) {
        add(index, lineChart.getData().get(index), data);
    }

    private void add(final int index, final LineChart.Series<Number, Number> series, final XYChart.Data<Number, Number> data) {
        data.setNode(new HoveredThresholdNode(index, data.getYValue().longValue()));
        PlatformHelper.run(() -> series.getData().add(data));
    }
Wie du siehst, wird dort ein HoveredThresholdNode erstellt. Den habe ich mal irgendwann im Netz gefunden und sieht nach meinen Modifikationen so aus:
Java: 
    private class HoveredThresholdNode extends StackPane {

        protected HoveredThresholdNode(final long index, final long value) {

            setPrefSize(2, 2);

            final Label label = createDataThresholdLabel(index, value);
            final Circle circle = new Circle(2);
            circle.setFill(Paint.valueOf("white"));
            circle.getStyleClass().addAll(String.format("default-color%d", index), "chart-line-symbol", "chart-series-line");
            circle.setId("label-chart-line-desc");
            circle.setVisible(true);

            setOnMouseEntered(mouseEvent -> {
                getChildren().setAll(label);
                setCursor(Cursor.NONE);
                toFront();
            });
            setOnMouseExited(mouseEvent -> {
                getChildren().setAll(circle);
                setCursor(Cursor.DEFAULT);
            });

            getChildren().setAll(circle);
        }

        private Label createDataThresholdLabel(long index, long value) {
            final Label label = new Label(SpeedFormatter.formatSpeed(value, SpeedFormatter.LIMIT_GBIT));
            label.getStyleClass().addAll(String.format("default-color%d", index), "chart-line-symbol", "chart-series-line");
            label.setId("label-chart-line-desc");
            label.setMinSize(Label.USE_PREF_SIZE, Label.USE_PREF_SIZE);
            return label;
        }
    }
Was macht das Ding? Wenn du mit der Maus darüber gehst, wird der Mauszeiger ausgeblendet und statt des Kreises, der den Datenpunkt darstellt, wird ein Label angezeigt.

Was bringt dir das? Nun, erst mal nichts. Aber du könntest das dahingehend modifizieren, dass du statt der Kombination Label+Kreis nur Kreis+Kreis (z.B. mit dem Radii 2 und 3) anlegst und normalerweise nur den kleinen anzeigst.

Du könntest jetzt irgendwo dein selektiertes Objekt der Tabelle speichern (als Klassen-Variable):
Java: 
ObjectProperty<Object> objectProperty = new SimpleObjectProperty<>(null);
Dann müsstest du dein in der Tabelle gewähltes Objekt etwa so zwischenspeichern:
Java: 
table.getSelectionModel().selectedItemProperty().addListener((observable, oldValue, newValue) -> objectProperty.set(newValue));
Der HoveredThresholdNode müsste umgeschrieben werden und sollte vielleicht auch noch eine Referenz auf das dahinterliegende Modell-Objekt enthalten (wieder als finale Klassenvariable):
Java: 
// [...]

private final Object localObject;
private final ObjectProperty<Object> objectProperty; // Referenz auf das von oben

protected HoveredThresholdNode(final Object localObject, final ObjectProperty<Object> objectProperty, [... und weitere, wenn nötig ...]) {
    this.localObject = localObject;
    this.objectProperty = objectProperty;

    final Circle circle1 = new Circle(2);
    final Circle circle2 = new Circle(3);
    circle1.managedProperty().bind(circle1.visibleProperty());
    circle1.visibleProperty().bind(objectProperty.isNotEqualTo(localObject));
    circle2.managedProperty().bind(circle2.visibleProperty());
    circle2.visibleProperty().bind(objectProperty.isEqualTo(localObject));

    // [...]
}

// [...]
Die Visible-Bindings sollten die Magie machen.

So. Das wäre meine Idee. Kannst ja mal berichten, ob es klappt oder nicht.

Grüsse

#edit: Das ich Object verwende, liegt nur daran, dass ich deine Modellklasse ja nicht kenne.
 
L

lam_tr

Top Contributor
Vielen Dank dzim, das Beispiel mit dem Threshold habe ich auch schon gefunden, fand das leider etwas gefrimmel für das was ich wollte. Aber ich denke ich komme da nicht drum rum.

Grüße
lam
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
Juelin setzen background color für selected Row im Tableview AWT, Swing, JavaFX & SWT 21
M JavaFX TableView nur erste Zeile editable machen und gelb markieren AWT, Swing, JavaFX & SWT 0
Encera TableView Zeilen als Spalten im SceneBuilder AWT, Swing, JavaFX & SWT 0
T TableView Button onAction AWT, Swing, JavaFX & SWT 3
mrbody234 ArrayList<Message> in eine TableView visualisieren AWT, Swing, JavaFX & SWT 2
izoards JavaFX TableView mit Array Inhalt füllen AWT, Swing, JavaFX & SWT 1
A Mit JavaFX einzelne Zeilen in TableView farbig markieren AWT, Swing, JavaFX & SWT 5
I JavaFX Zellen in Tableview editieren AWT, Swing, JavaFX & SWT 0
A TableView updatet sich nicht AWT, Swing, JavaFX & SWT 3
missy72 JavaFX TableView Spalte zwischen den Zeilen AWT, Swing, JavaFX & SWT 5
W TableView füllen AWT, Swing, JavaFX & SWT 18
missy72 JavaFX TableView / IconView mit MousEvent AWT, Swing, JavaFX & SWT 7
missy72 JavaFX Performance / ImageView in TableView über TimeLine AWT, Swing, JavaFX & SWT 1
T TableView aktualisieren AWT, Swing, JavaFX & SWT 1
N JavaFX Tableview nach Löschen von Element falscher Index AWT, Swing, JavaFX & SWT 4
T TableView Zeilen einfärben AWT, Swing, JavaFX & SWT 13
T TableView über Methode befüllen AWT, Swing, JavaFX & SWT 10
missy72 JavaFX TableView / TableColumn / ObservableList / zwei Werte in einer Zelle AWT, Swing, JavaFX & SWT 2
W JavaFX TableView aktualisieren AWT, Swing, JavaFX & SWT 1
S JavaFX - mit Listener Veränderungen in einer TableView abhören AWT, Swing, JavaFX & SWT 3
B JavaFX TableView-Zellen sollen automatisch so groß wie der größte Inhalt sein AWT, Swing, JavaFX & SWT 6
D JavaFX Nullpointerexception wegen TableView AWT, Swing, JavaFX & SWT 2
S Alternative JavaFX TableView AWT, Swing, JavaFX & SWT 1
L JavaFX Tableview row callback AWT, Swing, JavaFX & SWT 0
G Bekomme ResultSet mittels ObservableList nicht ins TableView AWT, Swing, JavaFX & SWT 25
S JavaFX JavaFX TableView scrollen färbt falsche Zeilen AWT, Swing, JavaFX & SWT 1
A checkbox in einer TableView abhängig von einem anderen Celleninhalt disablen AWT, Swing, JavaFX & SWT 1
J JavaFx TableView mit CheckBox AWT, Swing, JavaFX & SWT 4
P JavaFX TableView Zelle markieren AWT, Swing, JavaFX & SWT 3
L JavaFX Tableview Datamodel AWT, Swing, JavaFX & SWT 2
M TableView Zeile hinzufügen AWT, Swing, JavaFX & SWT 5
Bluedaishi TableView mit Combox wert wird nicht in die TableView gesetzt AWT, Swing, JavaFX & SWT 38
J TableView Update/Refresh CPU AWT, Swing, JavaFX & SWT 2
B Text im Tetfeld in einer TableView darstellen AWT, Swing, JavaFX & SWT 20
J Tableview - kann man mit Enter die Zellen wechseln AWT, Swing, JavaFX & SWT 1
ralfb1105 JavaFX Dynamisch TableView Spalten erstellen AWT, Swing, JavaFX & SWT 4
M TableView + Datenbank Aktualisierung AWT, Swing, JavaFX & SWT 4
B TableView als PDF speichern AWT, Swing, JavaFX & SWT 8
B JavaFX TableView eine Zeile markieren AWT, Swing, JavaFX & SWT 5
B JavaFX JavaFX TableView PropertyValueFactory für Werte aus HashMap AWT, Swing, JavaFX & SWT 2
L JavaFX TableView Column Sortierung AWT, Swing, JavaFX & SWT 1
L Java FX Keine Anzeige Im Tableview AWT, Swing, JavaFX & SWT 4
L JavaFX TableView kein content text ändern AWT, Swing, JavaFX & SWT 2
L JavaFX TableView mit Aktionenbuttons AWT, Swing, JavaFX & SWT 1
C JavaFX Edit TableView in Verbindung mit SceneBuilder AWT, Swing, JavaFX & SWT 1
C JavaFX ProGuard -> TableView kein Inhalt AWT, Swing, JavaFX & SWT 7
J SceneBuilder TableView Checkbox AWT, Swing, JavaFX & SWT 1
J JavaFX Elemente werden nicht zu TableView hinzugefügt AWT, Swing, JavaFX & SWT 3
F JavaFX (Tree)TableView korrekt drucken AWT, Swing, JavaFX & SWT 1
robinab JavaFX TableView column resize nach setItems() AWT, Swing, JavaFX & SWT 0
G JavaFX TableView Wert in Spalte ändern AWT, Swing, JavaFX & SWT 0
S JavaFx - ausgewählte Rows in Arraylist (Tableview) AWT, Swing, JavaFX & SWT 4
S JavaFX - Populate TableView AWT, Swing, JavaFX & SWT 2
N JavaFX TableView aus Map AWT, Swing, JavaFX & SWT 2
J TableView Daten werden nicht ausgegeben AWT, Swing, JavaFX & SWT 9
B JavaFX TableView aus Collection befüllen AWT, Swing, JavaFX & SWT 1
S JavaFX TableView einzelne Zelle Layout zuweisen AWT, Swing, JavaFX & SWT 3
zhermann TableView die zweite AWT, Swing, JavaFX & SWT 7
H Java FX List<AlbumsBean> in FXML TableView AWT, Swing, JavaFX & SWT 37
E JavaFX TableView mit Zeilenumbruch in Zellen AWT, Swing, JavaFX & SWT 5
zhermann TableView wird nicht gefüllt AWT, Swing, JavaFX & SWT 14
M JavaFX JavaFX ResultSet in TableView ausgeben AWT, Swing, JavaFX & SWT 2
W JavaFX Mehrere Klassen in ein TableView AWT, Swing, JavaFX & SWT 6
MaxG. JavaFX Inhalt in Tableview wird nicht angezeigt AWT, Swing, JavaFX & SWT 11
M JavaFX berechneten Wert in TableView schreiben AWT, Swing, JavaFX & SWT 1
K JavaFX Message in TableView AWT, Swing, JavaFX & SWT 2
H TableView mit variabler Anzahl Spalten AWT, Swing, JavaFX & SWT 2
L JavaFX List oder TableView Größe dynamisch anpassen? AWT, Swing, JavaFX & SWT 4
L JavaFX TableView mit Excelfunktion AWT, Swing, JavaFX & SWT 1
D JavaFX TableView AWT, Swing, JavaFX & SWT 2
blazingblade JavaFX Tableview Clock Column update AWT, Swing, JavaFX & SWT 5
P JavaFX, TableView und Datenbank AWT, Swing, JavaFX & SWT 4
K TableView: 'Komplexes' Object AWT, Swing, JavaFX & SWT 11
L JavaFX TableView background transparent machen AWT, Swing, JavaFX & SWT 7
F TableCell aus TableView holen AWT, Swing, JavaFX & SWT 8
K JavaFX TableView mit Rectangle AWT, Swing, JavaFX & SWT 3
M Befüllung der einzelnen Zeilen des TableView AWT, Swing, JavaFX & SWT 3
J JavaFX Tableview Daten hinzufügen aus anderer Klasse AWT, Swing, JavaFX & SWT 7
J Tableview Daten hinzufügen und aktualisieren AWT, Swing, JavaFX & SWT 5
N JavaFX TableView füllt nicht das gesamte ScrollPanle aus AWT, Swing, JavaFX & SWT 2
M JavaFX TableView & CSS, Rand um Tabellenkopf entfernen AWT, Swing, JavaFX & SWT 3
L JavaFX ListView oder TableView Style überschreiben? AWT, Swing, JavaFX & SWT 6
G Event Handling TableView daten in ein neues Fenster herauslesen? AWT, Swing, JavaFX & SWT 3
thet1983 JavaFX TableView Objekt Daten anzeige AWT, Swing, JavaFX & SWT 2
J JavaFX TableView - Höhe der Zeilen AWT, Swing, JavaFX & SWT 3
L JavaFX TableView mit Attributs der Modellreferenzerierung für die Spalte AWT, Swing, JavaFX & SWT 3
I JavaFX Buttons und TableView AWT, Swing, JavaFX & SWT 2
J JavaFX Bestimmte Zellen im TableView ändern (Farbe und Text) AWT, Swing, JavaFX & SWT 1
B Java FX TableView Zeilen mit verschiedenen Typen AWT, Swing, JavaFX & SWT 15
Z JavaFX TableView cellValueFactory für Arrays AWT, Swing, JavaFX & SWT 2
E JavaFX TableView mit Rechtsklick Zelle auswählen AWT, Swing, JavaFX & SWT 8
C (JavaFX 8) SQLite Datenbank in einem TableView darstellen AWT, Swing, JavaFX & SWT 2
D JavaFX TableView bleibt leer. AWT, Swing, JavaFX & SWT 8
M JavaFX TableView nach Spalte sortieren AWT, Swing, JavaFX & SWT 1
P JavaFX Dynamische TableView AWT, Swing, JavaFX & SWT 14
V Java FX POJO aus Datenbank in FX TableView / Best Practice AWT, Swing, JavaFX & SWT 0
P JavaFX TableView Item hinzufügen AWT, Swing, JavaFX & SWT 20
W JavaFX TableView frage AWT, Swing, JavaFX & SWT 5
M JavaFX Tutorial zu Tableview AWT, Swing, JavaFX & SWT 5
C JavaFX Zugriff auf TableView AWT, Swing, JavaFX & SWT 2

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben