[Graphique] Nombre de visiteurs : graphique

**emilie_per** · 06/02/2006, 15h57

Bonjour.
J'ai un site en php.
J'enregistre chaque connexion dans une table (avec date de connexion, heure, ip, ...).
J'aimerais savoir comment faire un graphique en barres pour afficher l'historique des visiteurs par mois...
Merci.
Emilie

**Bebel** · 06/02/2006, 16h04

regarde du cote de jpgraph

**emilie_per** · 06/02/2006, 16h07

Ouhlala, ca me parait bien compliqué tout ça...
je vais essayer quand meme...
merci

**Bebel** · 06/02/2006, 16h09

Si tu suis le tutorial cela devrait aller, mais au pire hésite pas a poser des questions si tu bloque.

**emilie_per** · 06/02/2006, 16h11

ok, je vais essayer...
je suis chez multimania, tu penses que ça devrait marcher?

**Bebel** · 06/02/2006, 16h19

A la base, c'est des includes mais il faut la libraire GD d'activer et ca faut voir pour multimania car j'en ai aucune idée.

**Anduriel** · 06/02/2006, 18h10

Multimania c'est bien, surtout les comptes gratuits

**vg33** · 06/02/2006, 18h23

Tu as aussi artichow, qui a l'avantage d'être en français

**emilie_per** · 07/02/2006, 10h30

j'ai une autre idee... est ce que je ne pourrais pas faire ca avec une image que j'agrandit pour faire des barres?

**vg33** · 07/02/2006, 10h39

Tu sais, en quelques lignes de code, avec jpgraph ou artichow, tu as un vrai graphique (échelles, fonds, taille...).
Si tu fais tes graphiques perso, je te dis pas l'usine à gaz

A mon avis, utilise les librairies graphiques, qui sont le résultat de mois ou d'années de travail, et qui ont été testées par des milliers d'utilisateurs.

**Bebel** · 07/02/2006, 11h01

quoi que une image dont on définit la taille, cela n'est pas super compliqué non plus. Et apres tout dépends de l'aspect final,
c'est sur que si tu veux une echelle, une légende plein de chose dans ce genre, la il n'y a pas photo le mieux est d'utiliser une des librairies

**emilie_per** · 07/02/2006, 11h12

je ne veux pas d'un super truc... juste des barres avec le mois en dessous...

**Yogui** · 07/02/2006, 11h57

Salut

Si tu n'as besoin que de barres, utilise la méthode que tu as proposé : prends une image d'un pixel et donne-lui les dimensions que tu veux. C'est de loin la solution la moins gourmande à la fois en termes de bande passante, d'espace disque et de temps de calcul, donc à tous points de vue (sans compter l'absence de dépendances technologiques comme jpgraph ou autres librairies, potentiellement non disponibles).

**Mr N.** · 07/02/2006, 12h40

ben meme pas besoin d'image, un coup de width

% en style css sur un block (div/td) et c'est bon 8)

**Yogui** · 07/02/2006, 12h58

Avec un bgcolor, ouais, c'est pas faux.

**vg33** · 07/02/2006, 13h05

Il n'empêche qu'une échelle est indispensable (sinon ton graphique n'a aucune signification). Et là, tu ne vas pas jouer avec les background-color

**emilie_per** · 07/02/2006, 15h29

Mr N., tu peux m'expliquer plsu en détail ton histoire de width

% en style css sur un block (div/td) stp?

**Mr N.** · 07/02/2006, 16h14

Je suis pas un pro des css mais si tu veux faire des stats très basiques c'est possible sans avoir à sortir l'artillerie lourde :

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
<style type="text/css">
.graphique {
    border:1px solid black;
    width:700px;
}
.bar {
    position:relative;
    height:20px;
}
.bar+.bar {
    margin-top:4px;
}
.bar .man {
    height:20px;
    position:absolute;
    background:#FCC;
}
.bar .yton {
    height:20px;
    width:100%;
    position:absolute;
    text-align:center;
}
</style>
<div class="graphique">
    <div class="bar">
        <div class="man" style="width:78%"></div>
        <div class="yton">78%</div>
    </div>
    <div class="bar">
        <div class="man" style="width:50%"></div>
        <div class="yton">50%</div>
    </div>
    <div class="bar">
        <div class="man" style="width:63%"></div>
        <div class="yton">63%</div>
    </div>
    <div class="bar">
        <div class="man" style="width:25%"></div>
        <div class="yton">25%</div>
    </div>
</div>

C'est juste un début de piste après tu peux rajouter une grille en fond de graphique pour une aide à la lecture, tu peux mettre une image à la place de ce vieux rose pour avoir des barres en dégradé... Basique mais fonctionnel.

**emilie_per** · 08/02/2006, 08h57

J'ai essayé ton code Mr. S. ... pas mal... mais j'aurais préféré des barres verticales, lol...

**thanathz** · 08/02/2006, 09h25

Tu as cette classe là:
http://www.developpez.net/forums/vie...r=asc&start=12

Basique, mais au moins on se prend pas trop la tête pour la faire marcher

[Graphique] Nombre de visiteurs : graphique

Bibliothèques et frameworks PHP

Discussions similaires

Partager

Partager