Est-il possible de sauvegarder un graphique google en tant qu'image?

Je fais une demande dans laquelle j'aurais besoin d'enregistrer le google graphique en tant qu'image . Tout ce que je suis en utilisant tomcat est, servlets et javascript. Est-il possible d'enregistrer les suivants graphique généré comme une image? (reportez-vous à code à la fin du post).
L'idée est que l'utilisateur de voir ce graphique, puis aurait l'option de téléchargement sur son facebook profil. Je ne suis pas si sûr que ce sera téléchargeable à facebook dans son format natif ou seront nécessaires pour être enregistré comme un fichier jpg.

<html>    
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Year');
    data.addColumn('number', 'Sales');
    data.addRows(4);
    data.setValue(0, 0, ''+2004);
    data.setValue(0, 1, 1000);
    data.setValue(1, 0, '2005');
    data.setValue(1, 1, 1170);
    data.setValue(2, 0, '2006');
    data.setValue(2, 1, 860);
    data.setValue(3, 0, '2007');
    data.setValue(3, 1, 1030.5);

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240, title: 'Company Performance',hAxis: {title: "X", titleTextStyle: {color: "green"}}});
  }

</script>
  </head>

  <body>
    <div id="chart_div"></div>
  </body>
</html>

source d'informationauteur Kashif

  1. 12

    Il ressemble à cette fonctionnalité a été récemment1 ajouté que:

    chart.getImageURI()

    Voir le la documentation.

    1Il semble avoir été ajouté dans le Jan 29, 2014 version.

  2. 7

    Exemple de solution de Riccardo Govoni comme on le voit sur la page de google charts. L'idée est de convertir le SVG à l'élément Canvas.

    Liens:

    Tutoriel : http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html

    Page d'exemple: http://www.battlehorse.net/attach/topics/charts/google_charts_to_image.html

  3. 4

    C'est ce que je fais

    http://danml.com/#/download.html

     download(chart.getImageURI(), 'fileName.png', "image/png");

    si 3kb script est trop grande utilisation http://www.closure-compiler.appspot.com/home

  4. 1

    Votre option la plus simple est de régénérer une image statique de la version de la carte en utilisant le Google Chart API

  5. 1

    Utiliser le grChartImg de la bibliothèque. C'est un navigateur croix solution de George Risvas.
    Prend en charge tous les navigateurs, y compris les anciennes versions d'IE et vous offre un grand auto procédures comme convertir un graphique à l'image,télécharger,afficher un graphique à un dialogue,l'envoyer à un serveur etc.

    Pour plus d'info regardez http://www.chartstoimage.

    Je l'espère, vous aider.

  6. 0

    Tout d'abord, téléchargez cette bibliothèque :

    http://danml.com/download.html

    et après vous venez d'ajouter un écouteur d'événements à l'intérieur de votre graphique 

    function: 
 google.charts.setOnLoadCallback(drawVisualization);

  function drawVisualization() {

var chart = new google.visualization.ComboChart(document.getElementById('chart_tickets'));
    google.visualization.events.addListener(chart, 'ready', function () {

    $("#GraphDownloadTickets").click(function() {
         download(chart.getImageURI(), 'fileName.png', "image/png")

    });
}