www/plugins-dist/statistiques/prive/stats/visites.html

   1 <!--[if IE]>[<script type="text/javascript" src="(#CHEMIN{javascript/excanvas.js})"></script>]<![endif]-->
   2 [<script type="text/javascript" src="(#CHEMIN{javascript/jquery.flot.js})"></script>]
   3 [<script type="text/javascript" src="(#CHEMIN{javascript/jquery.flot.selection.js})"></script>]
   4 [<script type="text/javascript" src="(#CHEMIN{javascript/jquery.flot.time.js})"></script>]
   5 [<script type="text/javascript" src="(#CHEMIN{javascript/jquery.tflot.js})"></script>]
   6
   7 <script type="text/javascript">
   8
   9 function trace_stats_table(table, classes, options) {
  10         $table = $(table);
  11         if ($table.is(':hidden')) {
  12                 return true; // pas a faire ou deja fait.
  13         }
  14
  15         // copier le titre des tableaux
  16         titre = $table.find("caption").text();
  17         $table.siblings('.pagination').before("<h3 class='caption'>" + titre + "</h3>");
  18         $table
  19
  20                 .wrap("<div class='" + classes + "'></div>");
  21
  22         // mettre les visites avec un fond colore pour le graphique
  23         $table.find("thead th:eq(1)").data({fill: true, serie: 'bar', color: '#FFD845',lineWidth:0});
  24         $table.find("thead th:eq(2)").data({serie: 'line', color: '#7FC4FF'});
  25         $table.find("thead th:eq(3)").data({fill: true, serie: 'bar', color: '#A9DD3A',lineWidth:0});
  26
  27         // mettre les previsions en premier
  28         // (pour que les autres graph passent par dessus)
  29         $table.find('thead tr th:first-child').after(function(){
  30                 return $(this).parent().find('th:eq(3)').detach();
  31         });
  32         $table.find('tbody tr th:first-child').after(function(){
  33                 return $(this).parent().find('td:last-child').detach();
  34         });
  35
  36         params = {
  37                 legendeExterne:true,
  38                 legendeActions:true,
  39                 width:($('.large #page').length)?'755px':'560px', // 795px, 600px (sans le tableau de resume) ...
  40                 height:'250px',
  41                 modeDate:true,
  42                 zoom:true,
  43                 parse:{
  44                         axeOnTitle:true,
  45                         defaultSerie:{
  46                                 bars:{show:true},
  47                                 lines:{show:true},
  48                                 points:{show:false}
  49                         }
  50                 },
  51                 flot:{
  52                         grid:{
  53                                 axismargin:10
  54                         },
  55                         xaxis:{
  56                                 labelWidth:45,
  57                                 monthNames: [
  58                                         '[(#VAL{2000-01-01}|nom_mois)]',
  59                                         '[(#VAL{2000-02-01}|nom_mois)]',
  60                                         '[(#VAL{2000-03-01}|nom_mois)]',
  61                                         '[(#VAL{2000-04-01}|nom_mois)]',
  62                                         '[(#VAL{2000-05-01}|nom_mois)]',
  63                                         '[(#VAL{2000-06-01}|nom_mois)]',
  64                                         '[(#VAL{2000-07-01}|nom_mois)]',
  65                                         '[(#VAL{2000-08-01}|nom_mois)]',
  66                                         '[(#VAL{2000-09-01}|nom_mois)]',
  67                                         '[(#VAL{2000-10-01}|nom_mois)]',
  68                                         '[(#VAL{2000-11-01}|nom_mois)]',
  69                                         '[(#VAL{2000-12-01}|nom_mois)]'
  70                                 ]
  71                         },
  72                         yaxis:{
  73                                 position: "right"
  74                         }
  75                 },
  76                 infobulle:{show:true}
  77         }
  78
  79         $table.tFlot($.extend(true, {}, params, options));
  80 }
  81
  82 function trace_stats(){
  83         trace_stats_table(
  84                 "#visites_quotidiennes",
  85                 "statistiques_visites_quotidiennes statistiques_visites",
  86                 {
  87                         grille:{weekend:true},
  88                         flot:{
  89                                 xaxis:{
  90                                         timeformat:"%d %b",
  91                                         minTickSize: [1, "day"]
  92                                 },
  93                                 bars:{barWidth:24 * 60 * 60 * 1000}
  94                         }
  95                 });
  96
  97         trace_stats_table(
  98                 "#visites_mensuelles",
  99                 "statistiques_visites_mensuelles statistiques_visites", {
 100                         grille:{years:true},
 101                         flot:{
 102                                 xaxis:{
 103                                         timeformat:"%b %y",
 104                                         minTickSize: [1, "month"]
 105                                 },
 106                                 bars:{barWidth:30.4 * 24 * 60 * 60 * 1000 /* nb de jours... approximatif */}
 107                         }
 108         });
 109
 110 }
 111 jQuery(function($) {
 112         trace_stats();
 113         onAjaxLoad(trace_stats);
 114 });
 115 </script>