2013-01-04 10 views
9

Sto cercando di creare un PDF da un grafico highchart JS, come questo: http://www.highcharts.com/stock/demo/wkhtmltopdf non riesce a percorso di stampa SVG (highchart)

ha bisogno di ritardo JS così

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

Nel risultato che vede solo una linea spessa grigia.

Sto usando la versione 0.11.0 rc2 del componente su Windows 7. Qualcun altro ha riscontrato gli stessi problemi?

+0

Deve essere qualcosa nella compilazione. htm2pdf.co.uk utilizza wkhtmltopdf e funziona lì. – user1914292

+1

Se si imposta 'plotOptions.series.animation' su false, è possibile ridurre o addirittura rimuovere il --javascript-delay e ottenere il PDF pronto più velocemente. – rjmunro

risposta

11

Qui uno workaround. Il trucco è impostare plotOptions.series.enableMouseTracking su false.

Questo perché la linea grigia è l'area "traccia del mouse" del grafico e per alcuni motivi non è nascosta da wkhtmltopdf.

4

Un po 'in ritardo per la festa, ma ho trovato che aggiungendo questo al CSS che invio a wkhtmltopdf nasconde l'area di traccia del mouse incriminato, più l'ombra sotto le linee che non sembrano buone nella versione PDF.

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

Nascondere il percorso di tracciamento del mouse ha fatto il trucco per me, ma questo CSS ha funzionato invece per me: 'path.highcharts-tracker {display: none; } ' – wiz