On Tue, 29 Jul 2014 18:46:34 +0200 Benjamin POUSSIN <poussin@codelutin.com> wrote:

Salut,

Voila une librairie pour faire de tous petits graphes, par exemple pour les temps des alarmes jtimer ou dans les rapports des barres graphes pour les temps par jours, ...

Pour les rapports, je pense que si on sélectionne par jour, on fait un graphe par heure, si on sélection par semaine, un graphe par jour, si on sélectionne par mois un graphe par semaine, et par an un graphe par mois. Sinon on risque d'avoir trop de donnée et devenir non lisible. par exemple pour une semaine on a 5 jours de travail a 4h, 2h, 5h, 6h et 0h et samedi et dimanche :) <span class="reportGraph" values="4,2,5,6,0,0,0"></span> <script type="text/javascript"> $('.reportGraph').sparkline('html', { type:'bar', barColor: 'blue'}); </script>

http://omnipotent.net/jquery.sparkline/#s-about

par exemple pour afficher l'avancement des alarmes, le bullet me parrait tres bien. On fixe un "rangeColors" pour chaque alarme. On fixe le target à 100, le performance à 0 et ensuite on met le % calculé pour chaque alarme. les alarmes sont ordonnés du plus grand % au plus petit et le colors map utilise une couleur de plus en plus foncé. <span class="alarmGraph" values="100,0,75,50,25,10"></span> <script type="text/javascript"> $('.alarmGraph').sparkline('html', { type:'bullet', rangeColors:['#ffffaa','#ffff88','#ffff55','#ffff22'] }); </script> Donc ici on a une alarme a 75%, une a 50%, ... en pièce jointe un exemple un peu plus fini pour les alarmes :) -- Benjamin POUSSIN -------------------- tél: +33 (0) 2 40 50 29 28 email: poussin@codelutin.com http://www.codelutin.com