<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>社会人口統計体系</title>
<script src="https://www.google.com/jsapi"></script>
<script src="jquery.js"></script>
<script src="sample.js"></script>
<script src="table.js"></script>
</head>
<body onload="sample()">
<div id="memo" style="width: 800px; height: 800px;">計算中</div>
</body>
</html>
var x=new Array();
var y=new Array();
var c=new Array();
var number;
function sample(){
$.getJSON("ren.json", function(data){
var sx;
sx=0;
for(i in data){
sx=sx+1;
x[sx]=data[i].x;
y[sx]=data[i].y;
c[sx]=data[i].city;
}
number=sx;
line();
});
}
google.load("visualization", "1", {packages:["corechart"]});
function line() {
var s;
var data = new google.visualization.DataTable();
data.addColumn('string', "city");
data.addColumn('number', "製造業従業者数");
data.addColumn('number', "小売業従業者数");
data.addRows(number);
for(s=1;s<number+1;s++){
data.setCell(s-1, 0, c[s]);
data.setCell(s-1, 1, x[s]);
data.setCell(s-1, 2, y[s]);
}
var options = {
title: '社会人口統計体系',
hAxis: {title: "製造業従業者数"},
vAxis: {title: "小売業従業者数"}
};
var chart = new google.visualization.BubbleChart(document.getElementById('memo'));
chart.draw(data, options);
}
最終更新：2014年01月05日 08:02
