10

こんにちはすべての私のチャートは私のphpプロジェクトのチャートを取得しているhighchartsでうまくエクスポートしています

しかし問題は

チャートだけでなく、チャートと一緒にhtmlコンテンツまたはページ全体をインポートしようとしています。

できますか？

誰かが私を助けることができます

または、ここにサンプルのフィドルが表示されますhttp://jsfiddle.net/YBXdq/

チャートの下のテキストをエクスポートする必要があります

4

3 に答える 3

13

これを達成するための直接的および間接的な方法はたくさんあります

例

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

  • wkhtmltopdf+の使用ImageMagic

    -- Web ページをwkhtmltopdfpdfを使用するように変換します

    -- ImageMagicpdfを使用するように変換jpg

例

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 を使用して Web サイトのスクリーンショットを取得するも参照してください。

考えられる問題の場合：imagegrabscreenを機能させる

  • Pythonがインストールされている場合は、 Webshortを使用してphpから呼び出しますexec

例

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を使用して PHP でスクリーンショットをキャプチャする

例

$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 に答える