Je dois obtenir des données numériques à afficher en tant que graphique sur une page Web et j'ai constaté que JQPlot semble être l'une des bibliothèques de jQuery les plus faciles à faire cela ainsi que d'être libre. Cependant, malgré tous mes efforts pour examiner les exemples et les tutoriels sur leur page Web, je ne peux tout simplement pas obtenir de graphique à afficher sur la page. Voici mon code pour simplement le tableau de base pour commencer:
<html>
<head>
<title>Testing plots functions</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="JQPlot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="JQPlot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
});
</script>
</head>
<body>
Here is the start of the page...<br>
<div id="chart1"></div>
</body>
</html>
5 Réponses :
Ces fichiers existent-ils sur votre ordinateur et dans cette structure de dossier?
EDIT:
Assurez-vous également que vous avez le fichier de base (jquery.jqplot.min.js) également inclus (il peut être facile de manquer sur ces pages)
Ouais. Curieusement, il y a à la fois un min.js et un format de .js ordinaire de chacun. Je ne sais pas si cela est pertinent, mais là y a-t-il. Indépendamment de quelle extension est utilisée, le graphique ne s'affiche toujours pas.
Je supprimerais aussi les versions non minifiantes
Le graphique s'affiche bien pour moi sur Ce jsfiddle . Inclus tous les rendus du godet AWS.
OK, vérifiait le lien que vous avez compris Travis, et cela y a travaillé pour moi aussi, il doit donc être quelque chose à voir avec la façon dont j'appelle ces fichiers. Nathan - juste pour vous assurer que vous voulez vous assurer que j'appelle ce script dans l'en-tête HTML, correct?
@ user1549557 avec Jsfiddle de Travis, il est très certain que un ou plusieurs des fichiers JS ne sont pas chargés correctement
@ user1549557 Les trois fichiers sont-ils chargés correctement?
Natan - C'était ça! Merci beaucoup!
NP, nous avons tous été là avant
Essayez de placer le composant 'div' avant le code JavaScript / JQuery.
Il y a probablement des chances que la jQuery ne soit pas capable de localiser le «div».
Définissez d'abord le div puis écrivez le code pour l'affichage du graphique.
Vous devez inclure le JQPLOT JS principal avant que le rendu JS, mais après que la jQuery inclue, et positionnez la DIV sur la page avant de placer le script pour rendre le graphique.
Bien que ce fil soit un peu vieux, considérez les éléments suivants:
Ajouter un conteneur (cible) à votre page Web où vous souhaitez que votre parcelle apparaisse. Assurez-vous de donner à votre cible une largeur et une hauteur: (extrait de cette page ) C'est la première impression que j'ai eu de votre code. Vous n'avez pas défini le conteneur correctement. J'espère que ça va aider quelqu'un.
Quelques points supplémentaires:
1: Assurez-vous d'avoir donné les liens à tous les fichiers JS et CSS requis dans le même ordre comme le site Web JQPLOT.
2: enregistrement dans la console Firebug, parfois, il est utile.
J'espère que cela aide.
Merci!