Graph compatible richfaces

Bonjour,

J'ai fait quelques recherches avant de venir poster ici pour savoir comment faire pour afficher un graph (histogramme, ligne, ...) avec richfaces. Apparemment c'est impossible, j'ai donc commencé à chercher une bibliothèque permettant de faire des graphs tout en restant compatible avec richfaces. Je suis tombé sur chartcreator mais apparemment c'est devenu une bibliothèque complète de composants donc pas intéressante pour moi.

Est-ce qu'il existe d'autres librairies permettant de faire ça ?

Merci

Bonjour,

Via le tag "rich:paint2D". Tu peux afficher directement des images d'un graphique généré sur le serveur via une librairie telle que jfreechart.

Il existe aussi la librairie "cewolf" mais le projet n'a plus l'air actif.

Si tu as besoin d'interactivité sur le graphique coté client, tu peux regarder "jsflot" (http://jsflotdemo.haagen.name/index.jsf)

Et si tu aimes le javascript : "flotr" http://code.google.com/p/flotr/
ou "plotr"

VG

Merci pour toute ces solutions.

J'ai tenté rich:paint2D avec jfreechart, ça me semble une bonne solution, mais pas moyen d'afficher un graph avec et je ne trouve pas de site expliquant comment faire. Est-ce que tu connaitrais un tutorial qui explique les démarches à faire ?

Entre-temps, étant désespéré, j'ai quand même essayé Primefaces. J'ai réussi à afficher seulement un pieChart (pas moyen d'avoir un lineChart ou un columnChart) et que sur IE/Firefox mais pas sous chrome. Est-ce que tu saurais de quoi ça vient ?

Edit :
En fait quand je fais juste

Code:

---

<p:lineChart id="linec" value="#{linec.counts}" var="count" xfield="#{count.time}"/>

---

il m'affiche le graph mais avec aucune données dedans.
Mais quand je veux rajouter des données :

Code:

---

1 2 3 4

<p:lineChart id="linec" value="#{linec.counts}" var="count" xfield="#{count.time}"> <p:chartSeries label="Msg" value="#{count.msg}"/> <p:chartSeries label="MsgRcvdNb" value="#{count.nbmsgrcvd}"/> </p:lineChart>

---

Il ne m'affiche plus rien..

Mes classes :

Code:

---

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

public class Count { private String msg; private int nbmsgrcvd; private int time;   public Count() {}   public Count(String msg, int nb, int time) { this.nbmsgrcvd = nb; this.time = time; this.msg = msg; } public int getNbmsgrcvd() { return nbmsgrcvd; } public void setNbmsgrcvd(int nbmsgrcvd) { this.nbmsgrcvd = nbmsgrcvd; } public int getTime() { return time; } public void setTime(int time) { this.time = time; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; }   }

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

public class LineChart {   private List counts;   public LineChart() { counts = new ArrayList(); counts.add(new Count("node1", 0, 10)); counts.add(new Count("node2", 1, 20)); counts.add(new Count("node3", 2, 30)); counts.add(new Count("node4", 3, 40)); counts.add(new Count("node5", 4, 50)); }   public List getCounts() { return counts; } public void setCounts(List counts) { this.counts = counts; }   }

---

Merci

Bon pour primefaces c'est résolu, j'aurai dû réfléchir avant d'essayer d'afficher un graph impossible :aie:

Par contre je suis toujours preneur pour une bonne explication du fonctionnement jfreechart/rich:paint2D :)

Non pas d'infos complémentaires :(

Il faut regarder les liens possibles entre un "Chart" jfreechart et l'objet awt "Graphics2D" (lui même utiliser par rich:paint2D )

Et je n'ai jamais utilisé chartCreator.

Désolé

VG

Ok, si j'ai un moment je regarderai ça.
Merci pour ton aide :ccool:

Finalement j'ai réussi à afficher un jfreechart sur ma jsf :ccool:

En fait j'ai jsute récupéré une BufferedImage de mon graph (méthode fournie par jfreechart :

Code:

---

1 2 3 4 5

hartPanel = new ChartPanel(chart); chartPanel.setPreferredSize(new Dimension(500, 270)); setContentPane(chartPanel); pack(); img = chartPanel.getChart().createBufferedImage(500, 270);

---

et dessiné cette image sur le Graphics correspondant à mon paint2D :

Code:

---

1 2 3 4

public void lineChart(Graphics2D g2d, Object obj){ lineChart.update(); g2d.drawImage(lineChart.getImg(), 0, 0, null); }

---

Bonjour Neete stp est ce que je pourrai avoir ton code source (jsf+bean), concernant l'affichage d'un graphe dans une jsf avec JFreeChart. je t'en serai très reconnaissant.
Merci d'avance.:cry:

Salut franklin87

J'ai fais ça pendant un stage, ça commence à dater ^^
Je t'aurais bien aidé mais je ne suis plus dans la même boite et je n'ai pas gardé les sources. Désolé.