Comment intégrer un graphique (jpgraph) dans une page web

Je suis en utilisant cette script qui est l'un des exemples fournis par le jpgraph lui-même. Quand j'ai mis cela sur une page web (en blanc) par lui-même, c'est de dessiner le graphe. Mais quand j'ai intégrer le code déjà existant de la page web (avec un peu de contenu), il n'est pas le dessin d'un graphe.

GD est déjà activé la fonction phpinfo(). Iam à l'aide de jpgraph 3.5.0b1.

Veuillez coller du code.
Montrer un peu de code et dites-nous ce qui se passe exactement
Bien que nous ne pouvons rien faire sans au moins un lien vers la page elle-même, essayez de mettre ces lignes en haut de votre script. Ils montrent toutes les erreurs. error_reporting(E_ALL); ini_set('display_errors', '1');
La parole de ce "je suis l'aide de ce script" est un lien vers le code lui-même. Merci à tous pour votre réponse rapide et des réponses. Le problème est résolu 🙂

OriginalL'auteur Nitin Venkatesh | 2011-09-06

  1. 11

    Le problème, c'est que vous sont un mélange de HTML/texte de sortie de l'image de sortie.

    Tout moment, vous disposez d'un script PHP de générer un contenu graphique que vous avez à gérer la sortie différemment que la normale au texte ou HTML.

    Il y a peu de routes, je vais aborder brièvement ici.

    Enregistrer la sortie dans un fichier et d'utiliser ce nom de fichier dans votre code HTML

    //replace this line:
//Display the graph
//$graph->Stroke();

//with these lines:

    //Default is PNG so use ".png" as suffix
    $fileName = "/tmp/imagefile.png";
    $graph->img->Stream($fileName);

    .. alors utiliser $filename dans une balise image, comme ceci (par exemple):

    print '<img src="'.$filename.'" />';

    Créer autonome script PHP qui affichera le graphique

    Vous pouvez utiliser le script d'exemple, seul dans un fichier appelé graph_render_script.php. Ensuite, dans votre code HTML, vous utilisez ce script en tant que source:

    <img src="graph_render_script.php" />

    De sortie codé en base 64 données

    Une autre voie consiste à utiliser codé en base 64 les données de l'image. C'est relativement simple à faire:

    print '<img src="data:image/png;base64,'.base64_encode($graph->Stroke()).'" />';

    Comme toujours, la documentation devrait être votre guide!

    Documentation

    Vous ne pouvez pas rem $graph->Stroke(); sinon, vous aurez une image vide. Le code est ok, il suffit d'éviter de rem la ligne //$graph->Stroke();

    OriginalL'auteur Chris Baker

  2. 4

    Cela a fonctionné pour moi:

    mettre le code php qui génère l'image dans un fichier...Puis sur ma page html je fais ceci: 

    <img src="graph.php" >
    +1 pour la simplicité

    OriginalL'auteur gio

  3. 3

    intégrer le graphique en direct est en effet possible. Vous devrez utiliser le tampon de sortie pour capturer les données d'image, puis en base64 encode les données, puis utiliser cette chaîne base64 comme la source dans une <img>.

    Essayer quelque chose comme cela:

    $img = $graph->Stroke(_IMG_HANDLER);

ob_start();
imagepng($img);
$imageData = ob_get_contents();
ob_end_clean();

?><html>
<head>
    <title>JpGraph Inline Image Example</title>
</head>
<body>
    <h1>JpGraph Inline Image Example</h1>
    <img src="data:image/png;base64,<?php echo(base64_encode($imageData)); ?>" />
</body>
</html>

    ceejayoz fait un excellent point que cette méthode n'est presque jamais ce que vous voulez. Je ne recommande pas l'incorporation des données de l'image comme cela, sauf si vous avez une bonne raison de le faire et de comprendre les inconvénients, c'est à dire les anciens navigateurs manque de soutien, et la taille de la page est augmenté de façon spectaculaire (et pas seulement sur les données de l'image, mais le fait que les données de l'image est encodé en base64, ballons de la longueur). J'ai utilisé cette méthode dans le champ de moi-même sur un projet l'année dernière, mais c'était seulement parce que le client a refusé de faire une deuxième demande pour l'image.

    OriginalL'auteur The Awnry Bear

  4. 1

    Mais quand j'ai intégrer le code déjà existant de la page web (avec un peu de contenu), il n'est pas le dessin d'un graphe.

    Vous ne pouvez pas faire ça - vous ne pouvez pas sortir une image en tant que données binaires brutes à l'intérieur d'une page.

    Vous avez besoin de mettre le code qui génère le graphe dans un fichier séparé, et à l'utilisation d'une balise image.

    <img src="path/to/jpgraph/chart.php" />
    Avez-vous downvote toutes les autres réponses sur le fait que nous n'avons pas mention de ce non-standard et non-typique de l'approche dans la nôtre? Ce n'est pas une très bonne raison pour un dv, bien que je doute que l'un de nous (ceej ou moi-même) trop s'occuper des rep, vous devez garder cela à l'esprit. L'utilisation de la dv pour les réponses incorrectes, de ne pas soutenir votre propre.
    Il a également été sans doute excessif de commenter tout le monde, en réponse à une "correction".
    Je ne pense pas que le point a été "il faut s'en préoccuper rep", je pense que c'était "vous devriez faire attention de ne pas être une bite"...
    À l'aide de mots pour communiquer n'est pas passif-agressif. Votre réponse est un cas limite que vous vous décrivez comme pas l'approche standard. Cela ne fait pas de toutes les autres réponses de mal, ni ne font de votre réponse "plus valable" -- c'est un label réservé pour ce que fait le travail dans le cas d'utilisation à portée de main. Vous êtes allé à toutes les autres réponses, downvoted, et à gauche une "correction" de commentaires, puis ont la témérité d'appeler quelqu'un d'autre passive/agressive? Calme, là-bas, fella.
    Il n'y a rien dans les réponses que vous downvoted qui est inexact. Comme incomplet, la plupart des réponses sont. Nous ne sommes pas en écrivant des livres ici, nous allons répondre aux questions. La plupart des communes, un large appel à des solutions qui s'appliquent directement à la question à portée de main sont couverts dans la plupart des réponses. Pratiquement pas de StackOverflow réponse prétend être la source exhaustive sur un sujet donné -- c'est le travail de documentation. Je ne dis pas que votre contribution n'est pas utile-il est; le désaccord fondamental ici est que votre capacité à ajouter quelque chose, ne pas prendre quoi que ce soit à l'écart des autres contributions.

    OriginalL'auteur ceejayoz

  5. 1

    Le graphique a besoin d'être sur sa propre page, vous ne pouvez pas l'incorporer. Elle génère un raw en JPG et vous devez avoir aucune autre contenu envoyé et ont le bon en-têtes de dire au navigateur, c'est un JPG. Incorporer le graphique vous ferais une autre page appelée stats.php par exemple, et sur cette page vous ferais une balise image pointant vers le stand alone graphique.

    <img src=graph.php>
    En fait, le graphique n'a PAS besoin d'être sur sa propre page (même si c'est certainement ce que je ferais pour les grandes images). Les navigateurs modernes de soutien intégré de données d'image brutes dans <img> éléments. Voir ma réponse ci-dessous pour un exemple de l'affichage d'une JpGraph intégré inline sans le besoin pour une page séparée.

    OriginalL'auteur profitphp

  6. 0

    J'ai eu ce problème plusieurs fois, j'ai remarqué qu'il se passe quand vous avez require() ou include() dans votre Tableau de script et ceux des scripts de la Base de Données des connexions ou des configurations spéciales.

    J'ai résolu ce problème en séparant les données de la récupération et le dessin Graphique, passer des paramètres au script ou à l'aide de SÉANCES pour obtenir les valeurs.

    Exemple d'Incorporer une image Graphique dans votre PHP ou HTML fichier: 

    <img src="linear_graph_customer.php?values=1,2,3,4|1,2,3,4|1,2,3,4&title=CHART&width=500&height=300" width="500" height="300" class="img" />

    Ce qui concerne.

    OriginalL'auteur RGA