Discussion :

[Neilime05]

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

[Seb147]

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/

[Neilime05]

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.

[Seb147]

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 :

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
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 :

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
 
<?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

[Neilime05]

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

[vg33]

Perso, j'utilise Artichow.

[Neilime05]

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