Pdf com o gráfico do Google chart

Pdf com o gráfico do Google chart Boa noite. Como gerar um Pdf com o gráfico do Google chart? ...

João Luis 20/01/2017 (há 8 anos)

Boa noite.
Como gerar um Pdf com o gráfico do Google chart?

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (6)

Nataniel Rabaioli 20/01/2017 (há 8 anos)

Basicamente você deve gerar uma imagem do gráfico e passar essa imagem para o pdf.

 <?php
// comando javascript que gera uma string base64 representando a imagem
chart.getImageURI();// passar o retorno dessa funcao para um hidden ou algo do tipo
// usando fdpf para gerar o pdf com a imagem
$pic = $string_js_base64;
        
$pdf = new FPDF();
$pdf->AddPage();
$pdf->SetFont('Arial','B',16);
$pdf->Cell(40,10,'Hello Image!');
$pdf->Image($pic, 10, 30, $tamanho, $largura, 'png');
$pdf->Output('tmp/doc.pdf');
?>

João Luis - AUTOR DO POST 20/01/2017 (há 8 anos)

Boa tarde.

Desde cedo estamos aqui batendo a cabeça, pois achamos essa solução que você nos indicou.

Recebemos esse erro: TypeError: chart.getImageURI is not a function

Sendo que o função se encontra na documentação do google line chart

Segue o trecho de códigos:

Onde eu seto o getImageURI():

//no arquivo google_line_chart.html var chart = new google.charts.Line(document.getElementById('chart_div')); chart.draw(data, options); $("input[name=img_grafico]").val(chart.getImageURI()); //arquivo form metodo construtor $img_grafico = new THidden('img_grafico'); //no arquivo form metodo onGenerate($param) $designer->Image($param['img_grafico'], 10, 30, $tamanho, $largura, 'png'); ;

No que pode estar errando?
Desde já agradeço sua atenção.

Nataniel Rabaioli 20/01/2017 (há 8 anos)

 <?php
var render_chart = function() {
        //google.charts.load('current', {'packages':['line']});
        google.charts.load('current', {'packages':['corechart']});
        google.charts.setOnLoadCallback(drawVisualization);
        
        function drawVisualization() {
            var data = google.visualization.arrayToDataTable( {$data} );
            var options = {
              title : '{$title}',
              vAxis: {title: '{$ytitle}'},
              hAxis: {title: '{$xtitle}'}//,
              //retirar opcao seriesType, nao esquecer de tirar a virgula da opcao anterior
              //seriesType: 'bars'
            };
            
            //var chart = new google.charts.Line(document.getElementById('chart_div'));
            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    };
?>

João Luis - AUTOR DO POST 20/01/2017 (há 8 anos)

Sim, também logo mais fizemos essa adequação.

Erro no console: Chart has not finished drawing.

Pelo que lemos na documentação a função chart.getImageURI() não é aplicada mais aos gráficos.

Caso tenha alguma outra sugestão será nem vinda.

Agradecido pela sua atenção.

Nataniel Rabaioli 21/01/2017 (há 8 anos)

Acho que é necessário esperar o carregamento do gráfico para chamar a função getImageURI:

 <?php
google.visualization.events.addListener(my_chart, 'ready', function () {
      my_div.innerHTML = '<img src="' + my_chart.getImageURI() + '">';
    });
?>

João Luis - AUTOR DO POST 22/01/2017 (há 8 anos)

Boa Tarde!

Nataniel Rabaioli, agradeço pela sua disposição em ajudar.
Mas não obtivemos exito com o google chart, não só por esse problema mas sim em outras funcionalidade que precisaríamos em manipular o gráfico em si. Porém procuramos e adequamos com o highcharts, que se melhor em diversos requisitos que precisamos aqui.

Bom um grande abraço e obrigado pela sua disponibilidade.

Novo Comentário