アットウィキロゴ
プログラム倉庫
アットウィキロゴ
プログラム倉庫
ページ一覧

ぃねｘ

<html>
<head>
<meta charset="utf-8"/>
<title>line</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="fusiontable.js"></script>     
<script src="googlechart.js"></script>     
</head>
<body onload="fusiontable()">
<input type="button" value="push" onClick="googlechart()" />
<div id="chart" style="width: 500px; height: 500px;"></div>
</body>
</html>
 
 
a=new Array();        
b=new Array();
c=new Array();      
var s,number; 
 
function fusiontable() {
 
       var query = "SELECT a,b,c FROM " +
            '1pvewzDXH82-FW05UdacoPHt_9N4A06OIrOEucBs';
 
        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;
a[sx]= parseInt(rows[i][0]);
b[sx]= parseInt(rows[i][1]);                                                    c[sx]= parseInt(rows[i][2]);                                                    }
 
number=sx;
 
 
 
}
});
 
}
 
 
google.load("visualization", "1", {packages:["corechart"]});
 
function googlechart() {
 
var data = new google.visualization.DataTable();
data.addColumn('number', 'y');
data.addColumn('number', 'a');
data.addColumn('number', 'b');
 
data.addRows(number);
 
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, a[s]);
data.setCell(s-1, 1, b[s]);
data.setCell(s-1, 2, c[s]);
}
 
  var options = {
          title: '練習'
        };
 
var chart = new google.visualization.LineChart(document.getElementById('chart'));
        chart.draw(data, options);
      }
 
「ぃねｘ」をウィキ内検索
最終更新：2013年12月13日 04:23