7
votes

Graphiques de mysql à jQuery flot

J'ai découvert Flot pour JQuery pour dessiner de beaux graphiques. Mais je ne peux pas analyser les données que je veux représenter de MySQL. Ça me rend fou parce que j'obtiens cette erreur:

<script src="./javascripting/jquery-1.3.2.js" type="text/javascript"></script>   
<script src="./javascripting/jquery.tabs.pack.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="./javascripting/jquery.flot.js"></script>


4 commentaires

Vous voudrez peut-être publier une partie de la sortie de votre script PHP afin que les gens puissent voir quelles ressemblent les données codées JSON.


Ouais tu as raison, je viens de l'éditer. Merci


Vous voudrez peut-être ajouter le plugin JQuery que vous utilisez. Pourrait être le plug-in FLOT, mais ne peut pas vraiment dire à votre code seul.


Plugin à flot. Il suffit d'ajouter les sources JavaScript au poste. Merci


6 Réponses :


1
votes

Vérification juste ... Vous avez inclus l'espace réservé à Div, non? xxx


1 commentaires

Ouais, la Div que j'utilise est:



0
votes

Vous devez davantage lire la documentation FLOT, les données de la série qui s'attend à ce que l'on attend dans un format spécifique. Au moins, vous devriez avoir xxx

voici l'API: FLOT API , le premier élément indique le format de données, modifier simplement la sortie pour répondre à ces normes et ça devrait aller bien.


0 commentaires

-1
votes

Ouais je traite de la documentation:

"Une série peut être des données brutes ou un objet avec des propriétés. Le brut Le format de données est une matrice de points: p>

[[x1, y1], [x2, y2], ...] " p>

et dans cet exemple: p> xxx pré>

Il n'y a pas besoin d'utiliser l'étiquette: "L'étiquette est utilisée pour la légende, si vous ne le spécifiez pas une, la série ne sera pas apparu dans la légende." P>

Quoi qu'il en soit, les données codées JSON comprennent le nom des champs de l'instruction MySQL afin qu'il soit comme une étiquette ... p>

[{"@cnt := @cnt + 1":"0","MAG":"6.87"},{"@cnt := @cnt + 1":"1","MAG":"11.44"}]


0 commentaires

-3
votes

Changer le nom de votre espace réservé DIV à autre chose que "espace porteur"?


0 commentaires

9
votes

Permettez-moi de deviner: vous rendant dans une languette cachée. Je n'ai pas encore trouvé le correctif pour ça, mais on dirait que la div cachée (par exemple l'affichage: Aucun) casse à flot car elle ne peut pas déterminer les dimensions de l'espace réservé DIV. Rendu dans l'onglet montré par des travaux par défaut.

Je travaille sur le même problème. Je veux mon graphique sur la deuxième onglet, avec la première onglet qui détient d'autres données. Voici ma solution: xxx

puis l'appel réel à .plot () est mis à l'intérieur de la fonction show_graph (). < / p>


0 commentaires

3
votes

J'avais le même problème. Merci Edebill pour la solution. Peut-être que ceci est nouveau, mais le site de la documentation JQuery UI Tabs mentionne maintenant ce problème et possède une solution très simple via la position de changement de CSS: http://docs.jquerery.com/ui/tabs

plutôt que de vous cacher juste Déplacez les panneaux de l'écran: P>

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}


1 commentaires

Nice, merci! Vous voudrez peut-être inclure que si vous n'êtes pas en train de modifier directement la JQuery CSS, vous devez également ajouter un affichage: Inline! IMPORTANT; ou ça ne fonctionnera pas