Add non chart content in highchart pdf

Question

Can we add non-svg chart related content in the PDF we create using highcharts?

I used this example for creating PDF of multiple highcharts.

I want to add custom logo and some title at the top of the graph PDF. For example logo of website with title "Graph for life cycle"

Can anyone tell me how to do it?

Answer 1

I'm assuming you want the image and text to appear in the PDF, but not on the screen. To achieve that, just add a class to the elements that is limited to a print media query.

@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>

I've modified the sample fiddle from that answer to illustrate: http://jsfiddle.net/zvx6eb7e/646/