Discussion :

[tinitus]

Hello,

J'ai pu utiliser la librairie jfreechart sans souci mais en swing uniquement et je n'arrive pas à l'inclure dans une vue fxml ensuite.

Si c'est possible comment faire ?

Toute suggestion est bien venue même d'utiliser une autre bibliothèque du moment qu'il est possible de tracer des graphiques radar/spyder/polar dans une vue javafx

Merci d'avance

[bouye]

Note : tests realises avec

• JFreeChart 1.5.3
• JFreeChart FX 2.0.1
• FXGraphics2D 2.1.1
• OpenJDK 16.0.1
• JavaFX 16

Méthode classique : on inclut du Swing dans du FX. Y a juste besoin de JFreeChart.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
module dvp.fx {
    requires javafx.graphics;
    requires javafx.controls;
    requires javafx.swing;
    requires javafx.fxml;
    requires javafx.web;
    requires org.jfree.jfreechart;
    exports test.jfreechart.swing;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
package test.jfreechart.swing;
 
import javafx.application.Application;
import javafx.embed.swing.SwingNode;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.SpiderWebPlot;
import org.jfree.data.category.DefaultCategoryDataset;
 
import javax.swing.*;
 
public final class Main extends Application {
    public static void main(final String... args) {
        launch(args);
    }
 
    @Override
    public void start(final Stage stage) throws Exception {
        final var swingNode = new SwingNode();
        createAndSetSwingContent(swingNode);
        final var pane = new StackPane();
        pane.getChildren().setAll(swingNode);
        final var scene = new Scene(pane);
        stage.setScene(scene);
        stage.setWidth(1000);
        stage.setHeight(800);
        stage.setTitle("Test - Swing");
        stage.show();
    }
 
    private void createAndSetSwingContent(SwingNode swingNode) {
        SwingUtilities.invokeLater(() -> {
            final var chart = createChart();
            final var content = new ChartPanel(chart);
            swingNode.setContent(content);
        });
    }
 
    public static JFreeChart createChart() {
        final var dataset = new DefaultCategoryDataset();
        dataset.addValue(35.0, "S1", "u");
        dataset.addValue(45.0, "S1", "r");
        dataset.addValue(2.0, "S1", "b");
        dataset.addValue(75.0, "S1", "t");
        dataset.addValue(25.0, "S1", "l");
        dataset.addValue(95.0, "S1", "bla");
        dataset.addValue(15.0, "S1", "bla");
        dataset.addValue(45.0, "S1", "bla");
        final var plot = new SpiderWebPlot(dataset);
        return new JFreeChart(plot);
    }
}

Méthode FX : on utilise les libs accessoires fournies par JFree pour faire du FX. Il faut donc aussi JFreeChart FX et FXGraphics2D

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
module dvp.fx {
    requires javafx.graphics;
    requires javafx.controls;
    requires javafx.swing;
    requires javafx.fxml;
    requires javafx.web;
    requires org.jfree.jfreechart;
    requires org.jfree.chart.fx;
    exports test.jfreechart.fx;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
package test.jfreechart.fx;
 
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.fx.ChartViewer;
import org.jfree.chart.plot.SpiderWebPlot;
import org.jfree.data.category.DefaultCategoryDataset;
 
public final class Main extends Application {
    public static void main(final String... args) {
        launch(args);
    }
 
    @Override
    public void start(final Stage stage) throws Exception {
        final var chart = createChart();
        final var viewer = new ChartViewer(chart);
        final var pane = new StackPane();
        pane.getChildren().setAll(viewer);
        final var scene = new Scene(pane);
        stage.setScene(scene);
        stage.setWidth(1000);
        stage.setHeight(800);
        stage.setTitle("Test - FX");
        stage.show();
    }
 
    public static JFreeChart createChart() {
        final var dataset = new DefaultCategoryDataset();
        dataset.addValue(35.0, "S1", "u");
        dataset.addValue(45.0, "S1", "r");
        dataset.addValue(2.0, "S1", "b");
        dataset.addValue(75.0, "S1", "t");
        dataset.addValue(25.0, "S1", "l");
        dataset.addValue(95.0, "S1", "bla");
        dataset.addValue(15.0, "S1", "bla");
        dataset.addValue(45.0, "S1", "bla");
        final var plot = new SpiderWebPlot(dataset);
        return new JFreeChart(plot);
    }
}

Je pense qu'il n'est peut-être pas possible d'inclure directement un graphique JFreeChart dans du FXML car la creation du graphique est un peu trop complexe pour être définie dans la syntaxe du fichier XML (je peux me tromper, mais pas envie de me prendre la tête a tenter de faire ça).

Par contre, il devrait être possible d'inclure un ChartViewer directement dans le code XML du FXM.
Pour que cela fonctionne aussi dans SceneBuilder il faudrait rajouter ChartViewer dans les composants.
Pour que le FXML soit chargeable par le FXMLLoader dans le code il suffit que ChartViewer soit sur le CLASSPATH ou le MODULEPATH (ce qui est le cas quand on inclue les libs dans le projet de toutes manières).

Par contre ce qu'il est définitivement possible de faire c'est de prévoir un espace vide dans le FXML pour recevoir le graphe et ensuite d'injecter le graphique JFreeChart APRES le chargement du FXML via le contrôleur dans sa méthode initialize().

[tinitus]

Merci ! je vais regarder tout ça