10

嗨，我的所有图表都可以很好地导出，highcharts 我正在为我的 php 项目获取图表

但问题是

我希望将 html 内容或整个页面与图表一起导入，而不仅仅是图表

有可能吗？

谁能帮我

或在这里显示一个示例小提琴http://jsfiddle.net/YBXdq/

我需要导出图表下方的文本

4

3 回答 3

13

有很多直接和间接的方法可以实现这一点

例子

  exec('wkhtmltoimage --quality 50 http://www.bbc.com bbc.jpg');

  • 使用wkhtmltopdf+ImageMagic

    -- 将网页转换为pdf使用wkhtmltopdf

    -- 转换pdf为jpg 使用 ImageMagic

例子

exec("convert a.pdf a.jpg");

例子

$browser = new COM("InternetExplorer.Application");
$handle = $browser->HWND;
$browser->Visible = true;
$browser->Navigate("http://localhost");

/* Still working? */
while ($browser->Busy) {
    com_message_pump(4000);
}
$im = imagegrabwindow($handle, 0);
$browser->Quit();

header("Content-Type: image/png");
imagepng($im);
imagedestroy($im);

高级示例

-- 另请参阅使用 PHP 获取网站截图

对于可能的问题：让 imagegrabscreen 工作

  • 使用Webshort并从 php 调用它，exec如果你安装了 python

例子

exec("python webshot.py https://example.com/webshot/php example.png");

例子

webthumb.php?url=http://www.google.com&x=150&y=150

例子

exec('boxcutter -f image.png');

例子

$grabzIt = new GrabzItClient("APPLICATION KEY", "APPLICATION SECRET");
$id = $grabzIt->TakePicture("http://www.google.com", "http://www.example.com/GrabzItHandler.php");

当前页面的示例

  http://wimg.ca/https://stackoverflow.com/questions/10328457/how-to-export-the-whole-page-or-html-content-with-highcharts-not-just-the-chart/10330701#10330701

例子

 timthumb.php?src=http://www.google.com/&webshot=1

我认为已经给出了足够多的例子

于 2012-04-26T09:29:44.083 回答
4

您可以尝试打印页面，或使用 php 文件函数制作 pdf 以获得所需的 html 内容。

或者你可以试试baba告诉的方法来获取图像:)

于 2012-05-01T06:11:47.377 回答
0

我找到了一个用于导出图表（打印）的简单解决方法

和

我没有使用任何插件，只是简单的旧 css 和一些 javascript

在我的情况下是

我想用页面的一些特定html内容打印图表

或者在我的情况下，我想删除页眉、页脚和左侧菜单

我不想显示按钮或不必要的内容

并且只显示页面内容、描述表和图表

所以这就是我如何实现它。

> CSS :-

<style type="text/css">
@media print{
@page
        {
            size: auto;   /* auto is the initial value */
            margin: 0mm;  /* this affects the margin in the printer settings */
        }
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  .navimainbg{ display:none;}
  .printhide{ display:none;}
  .usercontent-footer{ display:none;}
  .linkBTN{ display:none;}
  .userheader{ display:none;}
  .user-profile-left{ display:none;}
  #userbgcontent{ width:100%;}
}
</style>

我们在这里专注于打印页面时隐含的打印 css

根据您的使用情况，通过其类或 ID 访问您不想打印的 div 或页面部分

例如

我不想显示按钮

 .linkBTN{ display:none;}

可以通过javascript简单地调用。

Javascript :->

<script type="text/javascript">


function printpage()
{
     
window.print()
}

<script type="text/javascript">

我们可以调用打印函数来打印页面减去我们不想通过单击按钮在我的例子中调用函数“printpage”打印页面的元素，因为你可以看到这个按钮在打印时也不会显示为 printhide 类显示打印时设置为无

<input title="Print a Printer Friendly Page" class ="printhide" type="button" value="Print this page" onclick="printpage()">

如果你想打印更多，它不是打印高图表以外的简单方法吗

唯一的缺点是，有时由于缺少渲染图像的大小，当您想要将图像与某些内容一起显示时，图像会向下滑动。它将转到下一页。除了经过测试的工作。

于 2013-05-15T08:42:43.830 回答