mak-oh-1977/散布図

## 散布図
<html>
<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 = google.visualization.arrayToDataTable([
                ['アミノ酸', 'あなた'],
                [    10,     0.25],
            ]);

            var options = {
                title: '唾液の濃度',
                hAxis: {title: 'アミノ酸',  format:'##', minValue: 0, maxValue : 50},
                vAxis: {title: '補正物質', minValue: 0, maxValue: 1}
            };

            var chart = new google.visualization.ScatterChart(document.getElementById('gct_sample_scatter'));
            chart.draw(data, options);
        }
    );
</script>
<body>
<div id="gct_sample_scatter" style="width:80%; height:250pt" ></div>

</body>
</html>
	<html>
	<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 = google.visualization.arrayToDataTable([
	['アミノ酸', 'あなた'],
	[ 10, 0.25],
	]);

	var options = {
	title: '唾液の濃度',
	hAxis: {title: 'アミノ酸', format:'##', minValue: 0, maxValue : 50},
	vAxis: {title: '補正物質', minValue: 0, maxValue: 1}
	};

	var chart = new google.visualization.ScatterChart(document.getElementById('gct_sample_scatter'));
	chart.draw(data, options);
	}
	);
	</script>
	<body>
	<div id="gct_sample_scatter" style="width:80%; height:250pt" ></div>

	</body>
	</html>