<html>
<head>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
<script src="svgpaint.js"></script>
</head>
<body onload="sample()">
<div id="memo">music</div>
</body>
</html>
google.load("visualization", '1', {packages:['corechart']});
var x=new Array();
var number;
function sample() {
var query = new google.visualization.Query(
'https://docs.google.com/spreadsheets/d/1LMRWNCLLXGZFQsRuJ3qwOfFJ8Eok87tPxba58SVWGlc/edit?usp=sharing');
query.send(handleQueryResponse);
}
function handleQueryResponse(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
number=100;
for(s=1;s<number+1;s++){
x[s]=new Array();
}
for(s=1;s<number+1;s++){
x[s][1]=response.getDataTable().getValue(s-1,0);
x[s][2]=response.getDataTable().getValue(s-1,1);
}
paint();
}
function paint(){
var str;
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
for(s=1;s<40;s++){
x1=x[s][2]/10000;
x2=x[s+1][2]/10000;
str=str+sub.line(10*s,500-4*x1,10*s+10,500-4*x2,3,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新：2015年03月16日 02:10
