javascript – 将Google图表另存为pdf

2019-07-17 13:29:08 阅读：258 来源： 互联网

标签：php javascript google-visualization

我试图将饼图保存为http://keepcoding.ehsanabbasi.com/php/convert-google-chart-to-png-and-pdf/中的pdf文件
在php.chartsrc中使用javascript会显示以下值而不是png图像源

“function(){if(！this.b ||！this.$||！this.Ua)throw m(”Chart尚未完成绘图.“); var a = new Ql(this.V,this.Aa ),b = T1(this.ma)[Wb](ih),a = YO(b,a),a =新EO(b,a),c =新RO(b),a = this.sO( c,a),c = yY(this.ig,this.$,this.Ua); a.Lp(this.$,c); return b [cc] [0] .toDataURL(Ssa)} failed(filesystem) path’/ var / www / html / function(){if(！this.b ||！this.$||！this.Ua)throw m(“图表尚未完成绘图.”); var a = new Ql (this.V,this.Aa),b = T1(this.ma)[Wb](ih),a = YO(b,a),a =新EO(b,a),c =新RO(b) ),a = this.sO(c,a),c = yY(this.ig,this.$,this.Ua); a.Lp(this.$,c); return b [cc] [0]. toDataURL(SSA)}’)”

 $script ="

        google.setOnLoadCallback(drawChart);
        function drawChart() { //code for drawing chart}
        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        google.visualization.events.addListener(chart, 'ready', function ()      {
        var chartsrc = chart.getImageURI();
     });

      $doc->addScriptDeclaration($script);
      echo "<div id='piechart'></div>";

解决方法:

我们在@cloudformatter中添加了支持,以支持所有Google图表输出为PDF,图像,XPS和其他格式.您可以查看下面的链接.

Google Charts @cloudformatter支持页面：
http://www.cloudformatter.com/GoogleCharts

整个Javascript的文档：
http://www.cloudformatter.com/CSS2Pdf.APIDoc.Usage

在Google Charts网页上有一些关于实现Handler的提示,该Handler在图表绘制后将SVG名称空间添加到生成的SVG中.

您可以从顶部的菜单中进行选择以格式化整个页面,甚至可以从内联菜单中选择仅将特定图表格式化为PDF(或其他格式).

这里还有一个小提琴：http://jsfiddle.net/zvx6eb7e/10/,在PDF按钮后面生成PDF的代码只有这样：

var click="return xepOnline.Formatter.Format('JSFiddle', {render:'download', srctype:'svg'})";
jQuery('#buttons').append('<button onclick="'+ click +'">PDF</button>');

我会注意到一件事 – 这不是图像到PDF的图表,这是向量到PDF的图表,用于最高分辨率和最佳数据表示.

标签：php,javascript,google-visualization
来源： https://codeday.me/bug/20190717/1489053.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 将Google图表另存为pdf