PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1430字,纯文字阅读大概需要3分钟。
内容图文
这个问题与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属性,因此您可以考虑将图表导出为光栅图像.
内容总结
以上是互联网集市为您收集整理的PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?全部内容,希望文章能够帮你解决PHP-有什么方法可以将Highcharts与mPDF转换器一起使用?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。