JSON

Question

ile google grafikleri çizin

Ayrı bir JSON dosyası olsaydı nasıl google grafikler için bir veri kümesi kullanabilir ve kullanabilirim? Ben jQuery getJSON denedim ama işe yaramadı .. Google Viz bir çubuk grafik çizmek için JSON kullanmalıdır Yerel bir google API yolu var mı? ya da jQuery'yi kullanarak nasıl bir yol bulabilirim? Teşekkür

 // Load the Visualization API and the piechart package. 
    google.load('visualization', '1.0', {'packages':['corechart']}); 

    // Set a callback to run when the Google Visualization API is loaded. 
    google.setOnLoadCallback(drawChart); 

    // Callback that creates and populates a data table, 
    // instantiates the pie chart, passes in the data and 
    // draws it. 
    function drawChart() { 

     // Create the data table. 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Products'); 
     data.addColumn('number', 'Automated'); 
     data.addRows([ 
     ['Product 1', 85], 
     ['Product 2', 75], 
     ['Product 3', 90], 
     ['Product 4', 40], 
     ['Product 5', 40] 
     ]); 

     // Set chart options 
     var pie_options = {'title':'How Much Automated our Products are?', 
        'width':520,'height':300 
        }; 
     var bar_options ={'width': 620, 'height': 300, 
         'title': 'Products', 
         'hAxis': {'title': '% Automated', 'titleTextStyle': {'color': 'red', 'fontSize': 16}} 
         } 
     // Instantiate and draw our chart, passing in some options. 
     var chart = new google.visualization.PieChart(document.getElementById('piechart_div')); 
     chart.draw(data, pie_options); 

    var chart = new google.visualization.ColumnChart(document.getElementById('barchart_div')); 
    chart.draw(data, bar_options); 
} 

Answer 1

new google.visualization.DataTable(json) çalışır.

Kullanılacak doğru yapı için dataTable.toJSON() çıktısına bakın. doğru json biçimlendirilmiş döndürür sunucu üzerindeki bir getjson.php komut dosyası varsa

Yani, bunu yapabilir:

$.getJSON('/getjson.php', function(json) { 
    var dataTable = new google.visualization.DataTable(json); 
});