编程语言
首页 > 编程语言> > PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?

PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?

作者:互联网

这个问题与HTMLtoPDF Converter有关.

mPDF转换器可以与随附的CSS正常工作,但不能与任何Bootstrap表或任何svg元素一起正常工作.

如何在mPDF的HTML中包含js?

解决方法:

mPDF不支持JavaScript.但是,您可以使用以下方法之一:

>使用$(‘svg’)[0] .outerHTML之类的内容检索图表的SVG代码,并将其发送到服务器,以作为图像插入生成的PDF.
>使用Highcharts导出服务生成可插入PDF的图像(SVG或其他格式).代码遵循以下几行:

var chart = $('.mychart').highcharts();
var opts = chart.options;        // retrieving current options of the chart
opts = $.extend(true, {}, opts); // making a copy of the options for further modification
delete opts.chart.renderTo;      // removing the possible circular reference

/* Here we can modify the options to make the printed chart appear */
/* different from the screen one                                   */

var strOpts = JSON.stringify(opts);

$.post(
    'http://export.highcharts.com/',
    {
        content: 'options',
        options: strOpts ,
        type:    'image/svg+xml',
        width:   '1000px',
        scale:   '1',
        constr:  'Chart',
        async:   true
    },
    function(data){
        var imgUrl = 'http://export.highcharts.com/' + data;
        /* Here you can send the image url to your server  */
        /* to make a PDF of it.                            */
        /* The url should be valid for at least 30 seconds */
    }
);

您可以在http://export.highcharts.com/上尝试不同的呼叫选项.另请参见http://www.highcharts.com/docs/export-module/export-module-overview

请注意,mPDF不支持某些SVG属性,因此您可以考虑将图表导出为光栅图像.

标签:mpdf,svg,highcharts,html2pdf,php
来源: https://codeday.me/bug/20191121/2052662.html