如何在princeXML中使用highcharts？

Question

我正在評估princexml，到目前為止它非常好。 但是一個小問題。 有沒有辦法在瀏覽器中將highcharts生成的圖形保存到princexml中？

我知道我需要在畫布上創建圖形作為圖像，但不知道如何將圖形提供給princexml。 有任何想法嗎？

Answer 1

我在DocRaptor （HTML到PDF API，使用Prince XML進行PDF渲染）工作，我們剛剛發布了一篇關於將Highcharts添加到PDF的博客文章：

基本上，您只需要使用我們的JavaScript引擎（不同於Prince的JavaScript引擎，並在我們將過程移交給Prince之前運行）並禁用呈現圖形的代碼中的動畫。

Answer 2

你可以做的一件事就是將HighCharts生成的SVG提供給王子。

這個解決方案你將遇到的一個問題是IE8不會生成SVG，而是VML，王子無法渲染。 您可以將javascript直接提供給Prince，但我們尚未測試此解決方案。

編輯：

我實際上只是用javascript來測試喂養Prince會產生SVG ......但是沒有運氣，所以我們堅持用預先渲染的SVG喂它。 可能必須使用javascript運行時在服務器端執行此操作。

Answer 3

PrinceXML的JavaScript引擎似乎不足以使用像Highcharts這樣的組件來制作圖表。

所以我所做的就是將我的頁面運行到PhantomJS中，這樣它就可以運行JS並在DOM中創建SVG元素，然后將結果提供給PrinceXML。

請務必禁用動畫，否則您將打印它的第0幀：

 Highcharts.setOptions({ plotOptions: { series: { animation: false //Animations prevent proper PDF generation of charts! } } });