2010-06-30 5 views
0

Je suis nouveau à Flot. Je souhaite afficher les statistiques des visiteurs hebdomadaires dans mes projets. Je dois sho les visiteurs du mois mais hebdomadaire sur Flot. par exemple. 1ère semaine 1-5 il y a 500 visiteurs. 6-12 il y a 900 visiteurs. et ainsi de suite. Et je veux montrer les coordonnées X comme 1-5,6-12,13-19, .... Quelqu'un peut-il suggérer quoi faire. Utilisez strictement Flot.All, coordonnées de flot

+1

À quelle distance avez-vous trouvé, et pour quoi avez-vous spécifiquement besoin d'aide? Sous quelle forme les données sur les visiteurs sont-elles regroupées par jour, heure, heures de travail brutes pour chaque visite, etc.? – Rup

+0

En fait, quelle que soit la distance que je prends sera récupérée à partir de la base de données. dans la base de données je prends sartDate et EndDate, et le champ visitorCount. si la date de début est 1-6-10 et que endDate est 5-6-10 le compte sera pris.Il suffit de récupérer startDate, endDate et visitrCount.and de le montrer sur le graphique, mais comme 1-5 500 6- 12 700 etc qui est de 1-6-10 à 5-6-10 là 500 visiteurs et ainsi de suite. J'essaie d'afficher les coordonnées x comme 1-5,6-12,13-19 .... J'ai inclus le fichier jquery.js et le fichier jquery.flot.js. J'espère que vous avez compris ce que je veux dire. Merci – Suman

+0

Je pourrais dessiner le graphe en utilisant les coordonnées de l'axe x comme 0,5,10,15,20 ... mais je veux cela comme 1-5,6-12,13-19 .... – Suman

Répondre

0

Vérifiez la tickFormatter:

Sinon, pour le contrôle ultime sur la façon dont les tiques ressembler, vous pouvez fournir une fonction « tickFormatter ». La fonction est passée deux paramètres , la valeur de la coche et un objet "axe" avec des informations, et devrait renvoyer une chaîne.

Donc ce que vous cherchez est quelque chose comme ceci:

$.plot(placeholder, data, { 
    //your options here 
    xaxis: { 
    tickFormatter: function(val,axis){ 
     return (val+1).toString()+'-'+(val+5).toString(); 
    } 

    } 

}); 
0

Je pense que vous voulez juste un vieux graphique à barres simple mais sont getting induits en erreur par le fait que vous avez des données relatives à la date .

Dans les données que vous attribuez à Flot to graph, utilisez les faux nombres comme des valeurs x qui ne font qu'agrandir les entiers. Donc pour 1-5 mettre 0, pour 6-12 mettre 1, et ainsi de suite.

Ensuite, comme le dit Ryley, utilisez le formateur de tick pour mettre les étiquettes sur l'axe x que vous voulez.

Voir this à titre d'exemple.