Google Chart Visualization Data Range

У меня есть этот код,Google Chart Visualization Data Range

<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 query = new google.visualization.Query(
     'https://docs.google.com/spreadsheets/d/1ntnhvfMhYtFNwFjkoKu8cUZOQPCaT5_U1Z6piB_w0-E/edit#gid=0'); 
    query.setQuery('order by A'); 
    query.send(handleQueryResponse); 
} 

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

    var options = { 
      title: 'TEMP & HUMID', 
    hAxis: { 
     direction: -1 
     }, 
    legend: 'none' 

     }; 

    var data = response.getDataTable(); 
    var chart = new google.visualization.LineChart(document.getElementById('columnchart')); 
    chart.draw(data, options); 
} 
</script> 

<title>Data from a Spreadsheet</title> 
</head> 

<body> 
    <div id="columnchart" style="width: 900px; height: 500px"></div> 
</body> 
</html>

И вот моя таблица данных: https://docs.google.com/spreadsheets/d/1ntnhvfMhYtFNwFjkoKu8cUZOQPCaT5_U1Z6piB_w0-E

То, что я хочу сделать, это построить 5 последних данных. i.e) строка 8 - 12 в моей таблице.

Я попытался предельными и диапазон запросов, но то, что я хочу сделать это, если новые данные приходит, я хочу график, чтобы передать обновленные 5 последних данных т.е.) строка 9 -13

Как я мог это достичь?

источник

2015-02-16 q_kim

Я не знаю, является ли это наилучшим подходом, но я его работаю.

Итак, перед тем, как рисовать таблицу, я на самом деле назвал электронную таблицу в формате JSON и получил ее длину столбца.

Затем я вычитал длину столбца по количеству данных, которые я хочу отобразить (предел запроса), что даст мне смещение для начала.

Затем я сделал строку со значением предела и смещения, чтобы передать запрос в query.setQuery.

Вот код запчасти.

function drawChart() { 
    var query = new google.visualization.Query(
     'https://docs.google.com/spreadsheets/d/1NSEbUWojJsMzhH0hi8kx8ic7Xxuq29z0c7BXs-inzb8/edit#gid=0'); 
    $.getJSON("https://spreadsheets.google.com/feeds/list/1NSEbUWojJsMzhH0hi8kx8ic7Xxuq29z0c7BXs-inzb8/od6/public/basic?hl=en_US&alt=json", function(data) { 
    colLen = data.feed.entry.length; 
    console.log(colLen); 
    limit = 4; 
    var offset = colLen - limit; 
    console.log(offset); 
    queryOption = "limit "+limit+" offset "+offset; 
    console.log(queryOption); 

    query.setQuery(queryOption); 
    query.send(handleQueryResponse); 
    }); 
}

источник

2015-02-16 06:41:06

Google Chart Visualization Data Range

ответ

Смежные вопросы