Я не могу найти способ создать что-то вроде https://developers.google.com/chart/interactive/docs/animation#adding-and-removing-rows, в котором строки добавляются или удаляются на основе данных в Google Sheets
Вот мой код
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'calendar', 'table']});
google.charts.setOnLoadCallback(drawSheetName5);
//First Map
//fourth Map
function drawSheetName5() {
var queryString5 = encodeURIComponent('SELECT A, B');
var query5 = new google.visualization.Query(
'https://docs.google.com/spreadsheets/d/13H-qqA427mPnphFG3agU735f9N5mdM3odhRynKzXnI8/gviz/tq?sheet=Sheet3&range=A13:B24&headers=1&tq=' + queryString5);
query5.send(handleQueryResponse5);
}
function handleQueryResponse5(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data = response.getDataTable();
var chart = new google.visualization.AreaChart(document.getElementById('chart_div5'));
chart.draw(data, { backgroundColor: 'transparent', height: 400, width: 370, legend: { position: 'none', maxLines: 3 }, series:{ 1: {color: '#F400A1' }, 0: {color: '#5218FA' }} });
}
</script>