グーグルチャート　散布図

散布図

エクセルを使用した散布図

エクセルの操作
「メニューバー」　「グラフ(C)」　「グラフの種類」　「散布図」
「メニューバー」　「グラフ(C)」　「グラフオプション」　「タイトルとラベル」
「タイトル」は「草高と租額」　「Ｘ／数値軸」が「草高（万石）」　「Ｙ／数値軸」が「租額（万石）」

グーグルチャートを使用した散布図

ソースコード

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(
        function () {
        var data = new google.visualization.DataTable();
        data.addColumn('number', '草高');
        data.addColumn('number', '');
        data.addColumn({type: 'string', role:'tooltip'});
        data.addRow([135 ,63 ,'金澤藩']);
        data.addRow([99 ,21 ,'山口藩']);
        data.addRow([85 ,32 ,'名古屋藩']);
        data.addRow([79 ,30 ,'熊本藩']);
        data.addRow([78 ,26 ,'鹿児島藩']);
        data.addRow([72 ,21 ,'佐嘉藩']);
        data.addRow([70 ,19 ,'静岡藩']);
        data.addRow([57 ,21 ,'福岡藩']);
        data.addRow([54 ,27 ,'和歌山藩']);
        data.addRow([50 ,19 ,'高知藩']);
        data.addRow([49 ,24 ,'廣島藩']);
        data.addRow([45 ,19 ,'岡山藩']);
        data.addRow([44 ,22 ,'徳島藩']);
        data.addRow([43 ,16 ,'鳥取藩']);
var formatter = new google.visualization.PatternFormat('{2}  草高：{0}万石　租額：{1}万石 ');
 formatter.format(data, [0,1,2], 2);
   var options = {
     title: '草高と租額',
     hAxis: {title: '草高',  format:'###万石', minValue:0,maxValue:150, gridlines: {color: '#60E0C0',count:7}},
     vAxis: {title: '租額', format:'###万石', minValue:0,maxValue:70,gridlines: {color: '#60E0C0',count:8}},
     pointSize: 3,
     backgroundColor: '#A2F1F2',
     colors:['#0000ff']
            };
     var chart = new google.visualization.ScatterChart(document.getElementById('scpl'));
     chart.draw(data, options);
        }
    );
</script>
<center><div id="scpl" style="width:80%; height:300pt" ></div></center>