Définir la plage de requêtes Google Charts

Question

Comment procéder pour définir la plage dans laquelle ma carte doit extraire des données. En utilisant cet exemple, où dois-je définir la plage de requête? Je voudrais commencer à créer quelques pages Web avec des graphiques liés à mes données de feuille de calcul. Je vous remercie!

google.load("visualization", "1", {packages:["corechart"]}); 

function initialize() { 
    var opts = {sendMethod: 'auto'}; 
    // Replace the data source URL on next line with your data source URL. 
    var query = new google.visualization.Query('http://spreadsheets.google.com/tq?key=0AnD0SFr9ooPgdG83Wm&transpose=0&headers=1&merge=COLS&range=A1%3AA5%2CB1%3AC5&gid=0&pub=1', opts);   
    - 
    // Optional request to return only column C and the sum of column B, grouped by C members. 
    //query.setQuery('select C, sum(B) group by C'); 

    // Send the query with a callback function. 
    query.send(handleQueryResponse); 
} 

function handleQueryResponse(response) { 
    if (response.isError()) { 
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); 
    return; 
    } 

var data = response.getDataTable(); 

var options = { 
title: 'Company Performance' 
}; 

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

    google.setOnLoadCallback(initialize); 

Answer 1

Vous pouvez sélectionner les colonnes et les critères de filtre dans la requête (via la méthode setQuery), ou vous pouvez spécifier une plage de feuille dans le paramètre range de l'URL. !

// use setQuery 
var query = new google.visualization.Query('http://spreadsheets.google.com/tq?key=0AnD0SFr9ooPgdG83Wm&transpose=0&headers=1&merge=COLS&gid=0&pub=1', opts); 
query.setQuery('select a, b, c where d < 7'); 

ou

// set range to A1:C10 
var query = new google.visualization.Query('http://spreadsheets.google.com/tq?key=0AnD0SFr9ooPgdG83Wm&transpose=0&headers=1&merge=COLS&gid=0&pub=1&range=A1:C10', opts);