文章/答案/技术大牛

发布

社区首页 >问答首页 >在html div中显示位图图

问在html div中显示位图图
EN

Stack Overflow用户

提问于 2017-06-10 16:57:19

回答 1查看 577关注 0票数 1

我用相图库来显示图表。我从他们的文档中选择了一个例子，并用一些数据进行了尝试。它在简单的php页面上工作得很好。

这是代码

$column_names = array(
                 'Beef', 'Fish', 'Pork', 'Chicken', 'Butter',
                                                         'Cheese',
                                                               'Ice Cream');
//                   |       |       |       |       |       |       |
$data = array(
    array('1910',   48.5,   11.2,   38.2,   11.0,   18.4,    3.9,    1.9),
    array('1930',   33.7,   10.2,   41.1,   11.1,   17.6,    4.7,    9.7),
    array('1950',   44.6,   11.9,   43.0,   14.3,   10.9,    7.7,   17.4),
    array('1970',   79.6,   11.7,   48.1,   27.4,    5.4,   11.4,   17.8),
    array('1990',   63.9,   14.9,   46.4,   42.4,    4.0,   24.6,   15.8),
);
$plot = new PHPlot(800, 500);
$plot->SetImageBorderType('plain'); // Improves presentation in the manual
$plot->SetTitle("U.S. Annual Per-Capita Consumption\n"
              . "of Selected Meat and Dairy Products");
$plot->SetLegend($column_names);
#  Move the legend to the lower right of the plot area:
$plot->SetLegendPixels(700, 300);
$plot->SetDataValues($data);
$plot->SetDataType('text-data-yx');
$plot->SetPlotType('stackedbars');
$plot->SetXTitle('Pounds Consumed Per Capita');
#  Show data value labels:
$plot->SetXDataLabelPos('plotstack');
#  Rotate data value labels to 90 degrees:
$plot->SetXDataLabelAngle(90);
#  Format the data value labels with 1 decimal place:
$plot->SetXDataLabelType('data', 1);
#  Specify a whole number for the X tick interval:
$plot->SetXTickIncrement(20);
#  Disable the Y tick marks:
$plot->SetYTickPos('none');
$plot->DrawGraph();

但是，当我尝试应用一些html在一个固定位置显示它时，我失败了。为了显示html，我在编写了上面的代码之后编写了以下代码。

<html>
<head>
<title>PHPlot Example - Inline Image</title>
</head>
<body>
<h1>PHPlot Example - Inline Image</h1>
<div class="graph">
<img src="<?php echo $plot->EncodeImage();?>" alt="Plot Image">
</div>
</body>
</html>

我得到了这样的输出

请告诉我我做错了什么。谢谢您:)

php

graph

phplot

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-10 17:40:44

我解决了我的问题，暂时保存图形图像，然后使用该临时图像显示在图像标签，哦，html。这是代码

$plot->SetIsInline(True);
$plot->SetOutputFile("test.png");

图像保存为test.png。现在像这样展示它

<div class="graph">
<img src="test.png" alt="Plot Image">
</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44475841

复制

相似问题

问在html div中显示位图图
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html div中显示位图图EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html div中显示位图图
EN