【问题标题】:Wkhtmltopdf fails to printing SVG path (highchart)Wkhtmltopdf 无法打印 SVG 路径(highchart)
【发布时间】:2013-01-04 15:49:46
【问题描述】:

我正在尝试从 JS highchart 图表创建 PDF,例如:http://www.highcharts.com/stock/demo/

它需要JS延迟所以

wkhtmltopdf --javascript-delay 1000 http://www.highcharts.com/stock/demo/pdftest1.pdf

在结果中,我只看到一条灰色粗线。

我在 Windows 7 上使用该组件的 0.11.0 rc2 版本。还有其他人遇到同样的问题吗?

【问题讨论】:

  • 必须是编译中的东西。 htm2pdf.co.uk 使用 wkhtmltopdf 并且它在那里工作。
  • 如果您将 plotOptions.series.animation 设置为 false,您可能可以减少甚至删除 --javascript-delay 并更快地准备好您的 PDF。

标签: svg highcharts wkhtmltopdf


【解决方案1】:

这里是workaround。诀窍是将 plotOptions.series.enableMouseTracking 设置为 false。

这是因为灰线是图表的“鼠标轨迹”区域,并且由于某些原因它没有被 wkhtmltopdf 隐藏。

【讨论】:

    【解决方案2】:

    聚会有点晚了,但我发现将它添加到我发送到 wkhtmltopdf 的 CSS 中会隐藏有问题的鼠标轨迹区域,以及在 PDF 版本中看起来不太好的线条下方的阴影。

    g.highcharts-tracker, g.highcharts-tooltip, path[isShadow] { display:none; }
    

    【讨论】:

    • 隐藏鼠标跟踪路径对我有用,但这个 CSS 对我有用:path.highcharts-tracker { display:none; }
    猜你喜欢
    • 2015-07-01
    • 2018-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-11
    • 2020-04-30
    • 2015-08-19
    • 1970-01-01
    相关资源
    最近更新 更多