6
votes

Comment utiliser Highcharts avec PrinceXML?

J'évalue PrinceXML, et c'est très très bien jusqu'à présent. Un problème mineur cependant. Y a-t-il un moyen de sauvegarder un graphique généré par Highcharts en PrinceXML, sur le navigateur?

Je comprends que j'ai besoin de créer le graphique comme une image, sur une toile, mais je ne sais pas comment nourrir le graphique à PrinceXML. Des idées?

highcharts princexml

0 commentaires

3 Réponses :

2
votes

Une chose que vous puissiez faire est de nourrir le SVG généré par Highcharts à Prince.

Un problème que vous aurez avec cette solution est que IE8 ne générera pas SVG, mais VML, que Prince ne peut pas rendre. Vous pourrez peut-être nourrir votre JavaScript directement à Prince, mais nous n'avons pas encore testé cette solution.

EDIT:

Je viens de tester le prince d'alimentation avec le JavaScript qui générerait le SVG ... mais pas de chance, nous sommes donc bloqués avec le nourrissant de SVG pré-rendu. Pourrait avoir à le faire le serveur en utilisant un runtime JavaScript.

0 commentaires

3
votes

Je travaille chez docRaptor (un API HTML à PDF, à l'aide du prince XML pour le rendu PDF) et nous venons de publier un blog Poste sur l'ajout de Highchartts aux PDFS:

Ajout de HighcharTs aux PDFS

Fondamentalement, il vous suffit d'utiliser notre moteur JavaScript (distinct du moteur JavaScript de Prince et s'exécute avant de remettre le processus sur Prince) et de désactiver des animations dans le code qui rend vos graphiques.

1 commentaires

Où puis-je trouver votre moteur JavaScript? Est-ce une open source?

0
votes

Le moteur JavaScript de PrinceXML ne semble pas suffisamment puissant pour faire des graphiques avec des composants tels que Highcharts.

Qu'est-ce que j'ai fait est exécuté ma page dans phanomjs de sorte qu'il exécuterait les JS et créerait les éléments SVG dans le DOM, puis alimentent le résultat à PrinceXML. P>

Assurez-vous de désactiver les animations. 0 de celui-ci: p>

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

0 commentaires