Générer des graphiques avec ZF

Bonjour, je cherche à générer des graphiques dynamiques, sachant que j'utilise ZF, d'après mes recherches il n'existe pas de bibliothèques propres à ZF pour la création de graphiques.
Donc si quelqu'un à déjà fait ça, je suis prêt à suivre tous vos conseils, tuto etc..

Merci

Moi perso j'ai opté pour un plugin flash qui s'appelle OpenFlashChart. Je n'ai qu'à lui passer les données brutes sous forme de JSON et le plugin créé le(s) graphique(s) tout seul.

Plus d'infos ici : http://teethgrinder.co.uk/open-flash-chart-2/

Déjà merci pour la réponse.
Alors pour ce qui est de open-flash-chart j'ai déja essayer avec ce tuto, mais je n'ai pas tout compris, résultat ça ne marche pas.
Donc est ce que tu pourrait me faire voir un exemple d'utilisation ça serait cool.

J'ai regardé vite fait le tuto, et je m'aperçois que j'ai fait ça de manière un peu sale :? m'enfin ça fonctionne pour l'instant.

Dans mon action qui va afficher le graphique, je fais :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
	$this->view->headScript ('file', $this->_request->getBaseUrl().'/scripts/swfobject.js');
	$this->view->jQuery()->addJavascriptFile ($this->_request->getBaseUrl() . '/scripts/jquery/plugins/jquery.json-1.3.js');
 
[...]
	$this->view->graph = <<<EOT
{
  "title": {
    "text": "Graphique",
    "style": "{font-size: 20px; font-family: Times New Roman; font-weight: bold; color: #A2ACBA; text-align: center;}"
  },
  "elements":[
    {
	"type":      "line",
        "animate": true,
	"alpha":     0.5,
	"colour":    "#00FF00",
	"outline-colour": "#577261",
	"text":      "Pourcentage de satisfaction",
	"font-size": 10,
	"values" :   [$graph1],
        "dot-style":{"type":"solid-dot","dot-size":5,"halo-size":0,"colour":"#DFC329","tip":"#x_label# : #val# %"}
    },
    {
	"type": "line",
        "animate":false,
	"size": 1,
	"text": "Moyenne sur la pÃ©riode",
	"values": [$percentage],
	"dot-style": {
	    "tip": null,
	    "type": "dot",
	    "dot-size": 1,
	    "halo-size": 0
	}
    }
  ],
  "tooltip": {
    "mouse": 2,
    "stroke": 1,
    "colour": "#000000",
    "background": "#ffffff"
  },
  "x_axis":{
    "stroke":1,
    "tick_height":10,
    "colour":"#000000",
    "grid-colour": "#DBE5E6",
    "steps":	    1,
    "labels": {
	"visible": false,
	"rotate": "vertical",
        "labels": [$x_axis],
	"steps": 5
    }
   },
  "x_legend": {
    "text": "Satisfaction dans le temps",
    "style": "{font-size: 20px; color: #778877}"
  },
  "y_axis":{
    "stroke":      1,
    "tick_length": 3,
    "colour":      "#000000",
    "grid-colour": "#DBE5E6",
    "offset":      1,
    "max":         100,
    "steps":	    10
  },
  "bg_colour": "#F0F1EE"
}
EOT;

Et dans la vue associée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<?php $this->headScript()->captureStart() ?>
swfobject.embedSWF ("<?php echo $this->baseUrl(); ?>/swf/open-flash-chart.swf", "my_chart", "700", "200", "9.0.0", "<?php echo $this->baseUrl(); ?>/swf/expressInstall.swf",
{"loading":"Chargement en cours...",save_image_message:"Enregistrer le graphique sous..."} );
 
function ofc_ready() {}
function open_flash_chart_data() {
    var data = <?php echo $this->graph; ?>;
    return $.toJSON (data);
}
function save_image (src, form) {
    var imageData = $('#'+src)[0].get_img_binary();
    document.getElementById('image').value = imageData;
    $('#'+form).submit();
}
<?php $this->headScript()->captureEnd() ?>

Et voila :)

Oui c'est pas très propre, je vais essayer de trouver quelque chose d'un plus construit

Perso, j'utilise Artichow.

Finalement j'utilise PChart, qui est facile d'utilisation et réalise des graphiques très satisfaisant