Browse Source

Statistiques en barres pour les jours et les mois

(la largeur des barres sont fixe, et en nombre de jour, ça ne colle pas à tous les mois)
svn/root/tags/plugins/statistiques/0.3.2
marcimat@rezo.net 12 years ago
parent
commit
72ba8fe258
  1. 21
      javascript/jquery.tflot.js
  2. 22
      prive/stats/visites.html

21
javascript/jquery.tflot.js

@ -325,15 +325,28 @@
if ($(element).hasClass('flotLine')) {
$.extend(true, options, {
lines:{show:true},
bars:{show:false}
bars:{show:false},
points:{show:false}
});
}
if ($(element).hasClass('flotBar')) {
$.extend(true, options, {
lines:{show:false},
bars:{show:true},
points:{show:false}
});
}
// si classe 'flotFill' on met rempli
if ($(element).hasClass('flotFill')) {
$.extend(true, options, {
lines:{fill:true},
bars:{fill:true},
points:{show:true}
lines:{
fill:true,
fillColor: { colors: [ { opacity: 0.7 }, { opacity: 0 } ] }
},
bars:{
fill:true,
fillColor: { colors: [ { opacity: 0.7 }, { opacity: 0 } ] }
}
});
}
return options;

22
prive/stats/visites.html

@ -17,7 +17,8 @@ function trace_stats(){
.wrap("<div class='statistiques_visites_mensuelles statistiques_visites'></div>");
// mettre les visites avec un fond colore pour le graphique
$("#visites_mensuelles thead th:eq(1), #visites_quotidiennes thead th:eq(1)").addClass('flotFill');
$("#visites_mensuelles thead th:eq(1), #visites_quotidiennes thead th:eq(1)").addClass('flotFill').addClass('flotBar');
$("#visites_mensuelles thead th:eq(2), #visites_quotidiennes thead th:eq(2)").addClass('flotLine');
params = {
legendeExterne:true,
@ -29,8 +30,9 @@ function trace_stats(){
parse:{
axeOnTitle:true,
defaultSerie:{
bars:{show:false},
lines:{show:true}
bars:{show:true},
lines:{show:true},
points:{show:false}
}
},
flot:{
@ -57,7 +59,13 @@ function trace_stats(){
$("#visites_quotidiennes").tFlot(
$.extend(true, {}, params, {
grille:{weekend:true}
grille:{weekend:true},
flot:{
xaxis:{
minTickSize: [1, "day"]
},
bars:{barWidth:24 * 60 * 60 * 1000}
}
})
);
@ -66,8 +74,10 @@ function trace_stats(){
grille:{years:true},
flot:{
xaxis:{
timeformat:"%b %y"
}
timeformat:"%b %y",
minTickSize: [1, "month"]
},
bars:{barWidth:30 * 24 * 60 * 60 * 1000 /* nb de jours... approximatif */}
}
})
);

Loading…
Cancel
Save