Wkhtmltopdf fails to printing SVG path (highchart)

Question

I am trying to create a PDF from a JS highchart chart, like this one: http://www.highcharts.com/stock/demo/

It needs JS delay so

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

In the result I see only a grey thick line.

I'm using the version 0.11.0 rc2 of the component on Windows 7. Is anyone else experiencing the same issues?

Answer 1

Here a workaround. The trick is to set plotOptions.series.enableMouseTracking to false.

This because the gray line is the "mouse track" area of the chart and for some reasons it's not hidden by wkhtmltopdf.

Answer 2

A bit late to the party, but I found adding this to the CSS I send to wkhtmltopdf hides the offending mouse track area, plus the shadow under the lines that doesn't look as good in the PDF version.

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