Как использовать highcharts с princeXML?

Question

Я оцениваю princexml, и пока это очень хорошо. Однако одна небольшая проблема. Есть ли способ сохранить граф, созданный с помощью highcharts, в princexml, в браузере?

Я понимаю, что мне нужно создать граф как изображение, на холсте, но не уверен, как передать граф princexml. Есть идеи?

Answer 1

Одна вещь, которую вы можете сделать, это просто передать SVG, созданный HighCharts, принцу.

Одна проблема, с которой вы столкнетесь с этим решением, заключается в том, что IE8 не будет генерировать SVG, но VML, который принц не может отобразить. Вы можете подать свой javascript непосредственно на Принца, но нам еще предстоит проверить это решение.

Edit:

Я на самом деле просто проверял кормление принца с JavaScript, что бы генерировать SVG ... но не повез, так что мы застряли с питающим его предварительно оказанным SVG. Может потребоваться сделать это на стороне сервера, используя время выполнения javascript.

Answer 2

Я работаю в DocRaptor (в HTML в PDF API, используя принцу XML для PDF рендеринга), и мы только что опубликовал запись в блоге о добавлении Highcharts в PDF-файлы:

Adding Highcharts to PDFs

В принципе, вам просто нужно используйте наш механизм JavaScript (который отличается от механизма JavaScript принца и запускается до того, как мы передадим процесс Принцу) и отключите анимацию в коде, который отображает ваши графики.

Answer 3

Двигатель JavaScript PrinceXML не кажется достаточно сильным, чтобы делать диаграммы с такими компонентами, как Highcharts.

Итак, что я сделал, запустил мою страницу в PhantomJS, чтобы она запускала JS и создавала элементы SVG в DOM, а затем подавала результат на PrinceXML.

Обязательно отключить анимацию в противном случае вы будете печатать кадр 0 из него:

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