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