Просмотр исходного кода

Modification des statistiques pour améliorer la lisibilité

Nombre d'article par jour :
   - ajout d'un axe des Y
   - suppression des lignes verticales
   - ajout de la borne inférieure pour l'axe des Y (commence maintenant à 0)
Nombre de flux par catégorie :
   - suppression des étiquettes
   - changement des informations lors du passage de la souris (ajout de la catégorie et du pourcentage)
   - légende disponible sur 3 colonnes
Nombre d'article par catégorie :
   - idem "Nombre de flux par catégorie"
Alexis Degrugillier 12 лет назад
Родитель
Сommit
20d74fef8f
1 измененных файлов с 8 добавлено и 7 удалено
  1. 8 7
      app/views/index/stats.phtml

+ 8 - 7
app/views/index/stats.phtml

@@ -71,9 +71,10 @@ function initStats() {
 	Flotr.draw(document.getElementById('statsEntryPerDay'),
 		[<?php echo $this->count ?>],
 		{
+			grid: {verticalLines: false},
 			bars: {horizontal: false, show: true},
 			xaxis: {noTicks: 6, showLabels: false, tickDecimals: 0},
-			yaxis: {showLabels: false},
+			yaxis: {min: 0},
 			mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.y;}}
 		});
 	// Feed per category
@@ -81,22 +82,22 @@ function initStats() {
 		<?php echo $this->feedByCategory ?>,
 		{
 			grid: {verticalLines: false, horizontalLines: false},
-			pie: {explode: 2, show: true},
+			pie: {explode: 10, show: true, labelFormatter: function(){return '';}},
 			xaxis: {showLabels: false},
 			yaxis: {showLabels: false},
-			mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.y;}},
-			legend: {container: document.getElementById('statsFeedPerCategoryLegend')}
+			mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.series.label + ' - '+ obj.y + ' ('+ (obj.fraction * 100).toFixed(1) + '%)';}},
+			legend: {container: document.getElementById('statsFeedPerCategoryLegend'), noColumns: 3}
 		});
 	// Entry per category
 	Flotr.draw(document.getElementById('statsEntryPerCategory'),
 		<?php echo $this->entryByCategory ?>,
 		{
 			grid: {verticalLines: false, horizontalLines: false},
-			pie: {explode: 2, show: true},
+			pie: {explode: 10, show: true, labelFormatter: function(){return '';}},
 			xaxis: {showLabels: false},
 			yaxis: {showLabels: false},
-			mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.y;}},
-			legend: {container: document.getElementById('statsEntryPerCategoryLegend')}
+			mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.series.label + ' - '+ obj.y + ' ('+ (obj.fraction * 100).toFixed(1) + '%)';}},
+			legend: {container: document.getElementById('statsEntryPerCategoryLegend'), noColumns: 3}
 		});
 }
 initStats();