在HighChart PDF中添加非图表内容

Question

我们可以在使用HighCharts创建的PDF中添加非SVG图表的内容吗？

我使用了此示例来创建多个highcharts的PDF。

我想在图PDF的顶部添加自定义徽标和一些标题。例如带有标题"生命周期图"的网站徽标

谁能告诉我怎么做？

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/