Discussion :

[arngrimur]

Bonjour,

Pour faire des graphiques j'ai opté pour la solution high charts , peut être que certains connaissent ...

voici par exemple un script que j'utilise:

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 <script type="text/javascript">
 
                 var chart;
                 $(document).ready(function () {
                     chart = new Highcharts.Chart({
                         chart: {
                             renderTo: 'container',
                             defaultSeriesType: 'column',
                             margin: [50, 50, 100, 80]
                         },
                         title: {
                             text: 'World\'s largest cities per 2008'
                         },
                         xAxis: {
                             categories: [
                                               'Tokyo',
                                               'Jakarta',
                                               'New York',
                                               'Seoul',
                                               'Manila',
                                               'Mumbai',
                                               'Sao Paulo',
                                               'Mexico City',
                                               'Dehli',
                                               'Osaka',
                                               'Cairo',
                                               'Kolkata',
                                               'Los Angeles',
                                               'Shanghai',
                                               'Moscow',
                                               'Beijing',
                                               'Buenos Aires',
                                               'Guangzhou',
                                               'Shenzhen',
                                               'Istanbul'
                                        ],
                             labels: {
                                 rotation: -45,
                                 align: 'right',
                                 style: {
                                     font: 'normal 13px Verdana, sans-serif'
                                 }
                             }
                         },
                         yAxis: {
                             min: 0,
                             title: {
                                 text: 'Population (millions)'
                             }
                         },
                         legend: {
                             enabled: false
                         },
                         tooltip: {
                             formatter: function () {
                                 return '<b>' + this.x + '</b><br/>' +
                                                      'Population in 2008: ' + Highcharts.numberFormat(this.y, 1) +
                                                      ' millions';
                             }
                         },
                         series: [{
                             name: 'Population',
                             data: [34.4, 21.8, 20.1, 20, 19.6, 19.5, 19.1, 18.4, 18,
                                               17.3, 16.8, 15, 14.7, 14.5, 13.3, 12.8, 12.4, 11.8,
                                               11.7, 11.2],
                             dataLabels: {
                                 enabled: true,
                                 rotation: -90,
                                 color: '#FFFFFF',
                                 align: 'right',
                                 x: -3,
                                 y: 10,
                                 formatter: function () {
                                     return this.y;
                                 },
                                 style: {
                                     font: 'normal 13px Verdana, sans-serif'
                                 }
                             }
                         }]
                     });
 
 
                 });
 
             </script>

le problème est que je souhaite que cette fonction reçoive des données une liste , comment je pourrais faire ?
merci d'avance
( je suis fais de l'asp.net )

[SpaceFrog]

Peux tu expliciter ta demande ?

[danielhagnoul]

Bonsoir

Je n'ai pas le temps d'apprendre Highcharts, je suis trop occupé par ailleurs. mais je viens de regarder les démonstrations.

Il peut extraire les données définies dans une table HTML (http://www.highcharts.com/demo/column-parsed), pour le code de l'exemple, il suffit de cliqué sur le bouton view options.

Dans le code de la démonstration dynamic update (http://www.highcharts.com/demo/dynamic-update), je vois qu'il utilise l'événement load pour ajouter des points et on voit comment il insère les premiers points de la série.