laden Google-Charts durch einen Ajax Anruf

Question

Ich versuche, das Google-Diagramm nach dem Klicken auf einen Link aufzurufen. Dies ist, was meine Funktion wie folgt aussieht:

function getGraphData(id) { 

    var ajax_url = '<?=URL?>ajaxlibrary/get-graph-data'; 

    $.ajax({ 
     type: 'POST', 
     url: ajax_url, 
     dataType: 'html', 
     data: ({ 
      id : id 
     }), 
     cache: false, 
     success: function(data) { 
      $('a').removeClass("selected"); 
      $('#link_'+id).addClass("selected"); 
      alert(data); 

     }, 
    }); 
} 

Also, was ich versuche, hier zu erreichen ist wie eine andere grafische Darstellung für ein anderes zu laden, kann so sagen, ich habe die Politik Charts, Sport-Chart usw. I don‘ t wissen, wo allerdings die Google-API-Code setzen, weil es es scheint einfach nicht funktioniert ...

EDIT: ich die Funktion wie folgt bearbeitet:

$.ajax({ 
     type: "POST", 
     dataType: "html", 
     data: {id: id}, 
     url: '<?=URL?>' + 'ajaxlibrary/get-charts', 
     success: function(datas) { 
      console.log(datas); 
      var data = google.visualization.arrayToDataTable([ 
        datas 
      ]); 

      var options = { 
       title: 'My Daily Activities' 
      }; 

      var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
     } 
    }); 

, aber ich habe Probleme mit dem Senden Dieser Datenstrom von meiner Ajax-php-Datei:

echo '[\'Task\', \'Hours per Day\'], 
      [\'Work\',  10], 
      [\'shit\',  50], 
      [\'loop\',  25], 
      [\'poop\',  15]'; 

Die Antwort ist kein gültiges 2D-Array. Wenn ich die Werte manuell in die Javascript-Datei einfüge, funktioniert es, also ist das Problem irgendwo in der Antwort.

Answer 1

Sie können die Google Charts mit Ajax-Aufruf mit dem folgenden Code laden.

Sie können alle anderen Diagrammtypen statt nur das Kerndiagramm mit Google API laden.