From poussin@codelutin.com Tue Jul 29 19:10:01 2014
From: Benjamin POUSSIN <poussin@codelutin.com>
To: jtimer-devel@list.chorem.org
Subject: [Jtimer-devel] Librairie pour faire des tous petits graphes
Date: Tue, 29 Jul 2014 18:46:34 +0200
Message-ID: <20140729184634.63a09e92@codelutin.com>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============8395509845941067148=="

--===============8395509845941067148==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit

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, ...

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

-- 
Benjamin POUSSIN
--------------------
tél: +33 (0) 2 40 50 29 28
email: poussin@codelutin.com
http://www.codelutin.com

--===============8395509845941067148==--


From poussin@codelutin.com Tue Jul 29 19:42:14 2014
From: Benjamin POUSSIN <poussin@codelutin.com>
To: jtimer-devel@list.chorem.org
Subject: Re: [Jtimer-devel] Librairie pour faire des tous petits graphes
Date: Tue, 29 Jul 2014 19:42:10 +0200
Message-ID: <20140729194210.0fa34eb8@codelutin.com>
In-Reply-To: <20140729184634.63a09e92@codelutin.com>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============1578573868605869630=="

--===============1578573868605869630==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: quoted-printable

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

> Salut,
>=20
> 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=C3=A9lectionne par jour, on fait un
graphe par heure, si on s=C3=A9lection par semaine, un graphe par jour, si
on s=C3=A9lectionne par mois un graphe par semaine, et par an un graphe par
mois. Sinon on risque d'avoir trop de donn=C3=A9e 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=3D"reportGraph" values=3D"4,2,5,6,0,0,0"></span>

<script type=3D"text/javascript">
$('.reportGraph').sparkline('html', { type:'bar', barColor: 'blue'});
</script>

=20
> 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 =C3=A0 100, le performance =C3=A0 0 et ensuite on met le %
calcul=C3=A9 pour chaque alarme. les alarmes sont ordonn=C3=A9s du plus grand=
 %
au plus petit et le colors map utilise une couleur de plus en plus fonc=C3=A9.

<span class=3D"alarmGraph" values=3D"100,0,75,50,25,10"></span>

<script type=3D"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=C3=A8ce jointe un exemple un peu plus fini pour les alarmes :)

--=20
Benjamin POUSSIN
--------------------
t=C3=A9l: +33 (0) 2 40 50 29 28
email: poussin@codelutin.com
http://www.codelutin.com



--===============1578573868605869630==
Content-Type: text/html
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="exemple.html"
MIME-Version: 1.0

PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEvL0VOIiAKICAgICJo
dHRwOi8vd3d3LnczLm9yZy9UUi9odG1sNC9zdHJpY3QuZHRkIj4KPGhlYWQ+CgogICAgPHNjcmlw
dCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iaHR0cDovL2NvZGUuanF1ZXJ5LmNvbS9qcXVl
cnktMi4xLjEubWluLmpzIj48L3NjcmlwdD4KICAgIDxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2Ny
aXB0IiBzcmM9Imh0dHA6Ly9vbW5pcG90ZW50Lm5ldC9qcXVlcnkuc3BhcmtsaW5lLzIuMS4yL2px
dWVyeS5zcGFya2xpbmUuanMiPjwvc2NyaXB0PgoKICAgIDxzY3JpcHQgdHlwZT0idGV4dC9qYXZh
c2NyaXB0Ij4KICAgICQoZnVuY3Rpb24oKSB7CgkkKCcuYWxhcm1HcmFwaCcpLnNwYXJrbGluZSgn
aHRtbCcsIHsgdHlwZTonYnVsbGV0JywgcmFuZ2VDb2xvcnM6WycjZmZmZmFhJywnI2ZmODg4OCcs
JyNmZjU1NTUnLCcjZmYyMjIyJ10sIHRhcmdldENvbG9yOiAnYmxhY2snLCB0YXJnZXRXaWR0aDog
MCwgcGVyZm9ybWFuY2VDb2xvcjogJ2JsYWNrJyB9KTsKICAgIH0pOwogICAgPC9zY3JpcHQ+CiAg
ICA8c3R5bGU+CiAgICAgICAgLmFsYXJtR3JhcGggewogIAkgIGJvcmRlcjogYmxhY2sgc29saWQg
MXB4OwoJfQogICAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCjxwPgpBbGFybTogPHNwYW4gY2xh
c3M9ImFsYXJtR3JhcGgiIHZhbHVlcz0iMTAwLDAsNzUsNTAsMjUsMTAiPjwvc3Bhbj4KPC9wPgoK
CjwvYm9keT4KPC9odG1sPgo=

--===============1578573868605869630==--