<html>
<head>
<meta charset="utf-8"/>
<title>youtube</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="fusiontable.js"></script>
<script src="line.js"></script>
</head>
<body onload="fusiontable()">
<input type="button" value="選択" onClick="line()" />
<div id="memo" style="width: 800px; height: 800px;"></div>
</body>
</html>
d=new Array();
m=new Array();
p=new Array();
a=new Array();
var s,number;
function fusiontable() {
var query = "SELECT day,month,artist,point FROM " +
'1DL0EAx6nrg-OSZRP-Z5Ar5DDNuQGs5ar9L-tbSw';
var encodedQuery = encodeURIComponent(query);
var url = ['https://www.googleapis.com/fusiontables/v1/query'];
url.push('?sql=' + encodedQuery);
url.push('&key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY');
url.push('&callback=?');
sx=0;
$.ajax({
url: url.join(''),
dataType: 'jsonp',
success: function (data) {
var rows = data['rows'];
for (var i in rows) {
sx=sx+1;
d[sx]= parseInt(rows[i][0]);
m[sx]= parseInt(rows[i][1]); a[sx]= rows[i][2]; p[sx]= parseInt(rows[i][3]);
}
number=sx;
$("#memo").text("準備完了");
}
});
}
x1=new Array();
x2=new Array();
google.load("visualization", "1", {packages:["corechart"]});
function line() {
sample();
var data = new google.visualization.DataTable();
data.addColumn('number', 'day');
data.addColumn('number', '松井玲奈');
data.addColumn('number', '大島優子');
data.addRows(7);
var yy,zz;
for(s=1;s<8;s++){
data.setCell(s-1, 0, s);
data.setCell(s-1, 1, x1[s]);
data.setCell(s-1, 2, x2[s]);
}
var options = {
title: 'アクセス数'
};
var chart = new google.visualization.LineChart(document.getElementById('memo'));
chart.draw(data, options);
}
function sample(){
var s,m1,h;
for(s=1;s<number+1;s++){
h=0;
if(a[s]=="松井玲奈")h=h+1;
if(m[s]==6)h=h+1;
m1=d[s];
if(h==2)x1[m1]=p[s];
}
for(s=1;s<number+1;s++){
h=0;
if(a[s]=="大島優子")h=h+1;
if(m[s]==6)h=h+1;
m1=d[s];
if(h==2)x2[m1]=p[s];
}
}
最終更新:2013年12月14日 18:55