week3,4 วาดกราฟ โดยใช้ข้อมูลจาก Google Sheet

ลิงค์ Google Sheet https://docs.google.com/spreadsheets/d/1wjIR8cPd6yPN9thnBjvGjXYqgazyAi8F9b6Owk3bZhI

ตัวอย่างโค๊ด ดึงข้อมูลจาก Google Sheet มาแสดงกราฟ ด้วย Google Chart API

<html>

<head>

google.charts.load('current', {'packages':['corechart']});

google.charts.setOnLoadCallback(drawSheetName);

function drawSheetName() {

var queryString = encodeURIComponent('SELECT A, B, C, D, E');

var query = new google.visualization.Query(

'https://docs.google.com/spreadsheets/d/1wjIR8cPd6yPN9thnBjvGjXYqgazyAi8F9b6Owk3bZhI/gviz/tq?sheet=Sheet1&headers=1&tq=' + queryString);

query.send(handleSampleDataQueryResponse);

}

function handleSampleDataQueryResponse(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_div'));

chart.draw(data, { height: 400 });

}

</script>

</head>

<body>

</body>

</html>

สาธิตการใช้ข้อมูลจาก Google Sheet ดึงมาใส่ใน API Chart

Google Sites

Report abuse