如何在网页中嵌入图形（jpgraph）
[英]How to embed a graph (jpgraph) in a web-page
问题描述
I am using this script which is one of the examples provided by jpgraph itself. 
我正在使用此脚本，它是jpgraph本身提供的示例之一。 When I put this on a web-page (blank) by itself, it's drawing the graph. 当我将其单独放在网页（空白）上时，它正在绘制图形。 But when I embed the code in already existing web-page (with some content), it ain't drawing a graph. 但是，当我将代码嵌入到已有的网页（带有某些内容）中时，它并没有绘制图形。
GD is already enabled according to phpinfo(). GD已根据phpinfo（）启用。 Iam using jpgraph 3.5.0b1. Iam使用jpgraph 3.5.0b1。
6 个解决方案
解决方案1
11 已采纳 2011-09-06 17:51:16
The problem is that you are mixing HTML/text output with image output. 问题是您将HTML /文本输出与图像输出混合在一起。
Any time you have a PHP script generate graphical content you have to handle the output differently than normal HTML or text. 每当使用PHP脚本生成图形内容时，您都必须以不同于普通HTML或文本的方式处理输出。
There are a few routes, I'll cover them briefly here. 有几条路线，我将在这里简单介绍。
Save the output to a file and use that filename in your HTML 将输出保存到文件，然后在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);
.. then use $filename in an image tag, like this (for example): ..然后在图像标签中使用$filename ，例如（例如）：
print '<img src="'.$filename.'" />';
Create a standalone PHP script that will output the graphic 创建一个独立的PHP脚本，将输出图形
You can use the example script as-is, alone in a file called graph_render_script.php . 您可以单独在名为graph_render_script.php的文件中直接使用示例脚本。 Then, in your HTML, you use that script as a source: 然后，在您的HTML中，将该脚本用作源：
<img src="graph_render_script.php" />
Output base-64 encoded data 输出base-64编码的数据
Another route is to use base-64 encoded image data. 另一种方法是使用base-64编码的图像数据。 This is relatively simple to do: 这是相对简单的：
print '<img src="data:image/png;base64,'.base64_encode($graph->Stroke()).'" />';
As always, the documentation should be your guide! 与往常一样，文档应作为您的指南！
Documentation 文献资料
- http://jpgraph.net/download/manuals/chunkhtml/ch05s05.html http://jpgraph.net/download/manuals/chunkhtml/ch05s05.html
-
base64_encode- http://php.net/manual/en/function.base64-encode.phpbase64_encode- http:base64_encode
解决方案2
4 2013-02-28 14:19:53
This worked for me: 这为我工作：
putting the php code that generates the image in a file...Then on my html page I do this: 将生成图像的php代码放在文件中...然后在我的html页面上执行以下操作：
<img src="graph.php" >
解决方案3
3 2013-04-14 23:08:24
embedding the graph inline is indeed possible . 内嵌图的嵌入确实是可能的 。 You'll have to use output buffering to capture the image data, then base64 encode that data, then use that base64-encoded string as the source in an <img> . 您必须使用输出缓冲来捕获图像数据，然后对base64对该数据进行编码，然后使用该base64编码的字符串作为<img>的源。
Try something like this: 尝试这样的事情：
$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 made an excellent point in that this method is almost never what you want. ceejayoz提出了一个极好的观点，即这种方法几乎绝不是您想要的。 I do not recommend embedding the image data like this unless you have a good reason to do so and understand the downsides, ie older browsers lack support for it, and the page size is dramatically increased (not only from the image data but the fact the image data is base64 encoded, which balloons the length). 我不建议像这样嵌入图像数据，除非您有充分的理由这样做并了解不利之处，即较旧的浏览器缺乏对此的支持，并且页面大小急剧增加（不仅来自图像数据，而且事实上图像数据是base64编码的，这会增加长度）。 I've used this method in the field myself on a project last year, but it was only because the client refused to make a second request for the image. 去年，我在一个项目中亲自在此领域中使用了这种方法，但这仅仅是因为客户拒绝再次请求该图像。
解决方案4
1 2011-09-06 17:49:07
But when I embed the code in already existing web-page (with some content), it ain't drawing a graph.
You can't do that - you can't output an image as raw binary data within a page. 您无法做到这一点-您无法在页面内将图像作为原始二进制数据输出。
You need to put the code that generates the graph in a separate file, and use an image tag. 您需要将生成图形的代码放在单独的文件中，并使用图像标签。
<img src="path/to/jpgraph/chart.php" />
解决方案5
1 2011-09-06 17:50:30
The graph needs to be on its own page, you can't embed it. 该图必须位于其自己的页面上，您不能嵌入它。 It outputs a raw JPG and you need to have no other content sent and have the proper headers to tell the browser it's a JPG. 它会输出原始JPG，您无需发送其他任何内容，也不需要使用适当的标头来告诉浏览器它是JPG。 To embed the graph you'd make a different page called stats.php for example, and on that page you'd make an image tag pointing to the stand alone graph. 要嵌入该图，您需要创建一个不同的页面，例如stats.php，然后在该页面上创建一个图像标记，以指向独立的图。
<img src=graph.php>
解决方案6
0 2015-12-17 18:53:37
I've had this problem many times, I've noticed it happens when you have require() or include() in your Chart's script and those scripts have Data Base connections or special configurations. 我已经多次遇到这个问题，我注意到当您的Chart脚本中具有require()或include()并且这些脚本具有数据库连接或特殊配置时，就会发生此问题。
I've solved this problem separating the data retrieving and the Chart drawing, passing parameters to the script or using SESSIONS to get the values. 我已经解决了分离数据检索和图表绘图，将参数传递到脚本或使用SESSIONS来获取值的问题。
Example of Embed image Chart in your PHP or HTML file: 在您的PHP或HTML文件中嵌入图像图表的示例：
<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" />
Regards. 问候。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.