需要将谷歌图表保存为图像并导出为pdf [英] need to save google chart as image and export to pdf

问题描述

我正在使用谷歌折线图。现在我想将该图表导出为PDF。我怎么能这样做？

I am using google line chart. Now i want to export that chart into PDF. How can I do that?

<div runat="server" id="chart_div" style="width: 100%; height: 500px">
    <asp:Literal ID="lt" runat="server"></asp:Literal>

</div>

< script type =text / javascript>



$（document）.ready（function（）{

Sys.WebForms.PageRequestManager.getInstance（）。add_pageLoaded（BindEvents）

} ）;



函数BindEvents（）{

$（'。selectpicker'）。selectpicker（）;



$（。currencyFormat）。maskMoney（{千：'，'，十进制：'。'，allowZero：true，前缀：'$'}）;

$（。percentageFormat）。maskMoney（{千： '，'，decimal：'。'，allowZero：true，后缀：'％'}）;







}

函数drawChart（dataObject）{



var globaldata = google.visualization.arrayToDataTable（dataObject）;

var options = {

curveType：'function'，

legend：{position：'bottom'}，

colors ：['＃ff6600']，

系列：{

0：{lineDashStyle：[10,2}}，

1：{ lineDashStyle：[0,0}}，

}，

};

var chart = new google.visualization.LineChart（document.getElementById （'chart_div'））;



//在调用getImageURI（）方法之前等待图表完成绘图。 br />
google.visualization.events.addListener（图表，'准备好'，函数（）{

chart_div.innerHTML ='< img id =myChartsrc =' + chart.getImageURI（）+'>';

console.log（chart_div.innerHTML）;



}）; < br $>


chart.draw（globaldata，options）;

}

<script type="text/javascript">

$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(BindEvents)
});

function BindEvents() {
$('.selectpicker').selectpicker();

$(".currencyFormat").maskMoney({ thousands: ',', decimal: '.', allowZero: true, prefix: '$' });
$(".percentageFormat").maskMoney({ thousands: ',', decimal: '.', allowZero: true, suffix: '%' });



}
function drawChart(dataObject) {

var globaldata = google.visualization.arrayToDataTable(dataObject);
var options = {
curveType: 'function',
legend: { position: 'bottom' },
colors: ['#ff6600'],
series: {
0: { lineDashStyle: [10, 2] },
1: { lineDashStyle: [0, 0] },
},
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

// Wait for the chart to finish drawing before calling the getImageURI() method.
google.visualization.events.addListener(chart, 'ready', function () {
chart_div.innerHTML = '<img id="myChart" src="' + chart.getImageURI() + '">';
console.log(chart_div.innerHTML);

});

chart.draw(globaldata, options);
}

推荐答案

（document）.ready（function（）{

Sys.WebForms.PageRequestManager.getInstance（）。add_pageLoaded（BindEvents）

}）;



函数BindEvents（）{

(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(BindEvents)
});

function BindEvents() {

（'。selectpicker'）。selectpicker（）;

('.selectpicker').selectpicker();

（。currencyFormat）。maskMoney（{千：'，'，十进制：'。'，allowZero：true，前缀：'

(".currencyFormat").maskMoney({ thousands: ',', decimal: '.', allowZero: true, prefix: '

这篇关于需要将谷歌图表保存为图像并导出为pdf的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！