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?
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.
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; }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With