ハイチャートで非チャートコンテンツを追加pdf

Question

ハイチャートを使用して作成したPDFに非チャートグラフ関連コンテンツを追加できますか？

creating PDF of multiple highchartsにこの例を使用しました。

グラフの上部にカスタムロゴとタイトルを追加したいと思います。例えば、「ライフサイクルのグラフ」というタイトルのウェブサイトのロゴの場合

どのようにすればいいのですか？

Answer 1

イメージとテキストをPDFに表示するが、画面に表示しないことを前提としています。これを実現するには、印刷メディアクエリに限定された要素にクラスを追加するだけです。

@media print { 
    .noScreen { 
    display: block; 
    } 
} 

@media screen { 
    .noScreen { 
    display: none; 
    } 
} 

私が説明するためにその答えからサンプルフィドルを変更したHTML

<img src='http://via.placeholder.com/350x150?text=MyLogo' class='noScreen'> 
    <h1 class='noScreen'>Graph for life cycle</h1> 

：http://jsfiddle.net/zvx6eb7e/646/