折れ線のグラフ (実験)比較

//////

//////

//////
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);function drawChart() { var data001 = google.visualization.arrayToDataTable([
[ '', '売上高', '営業利益', '経常利益'],
[2004, 1000, 400, 380],
[2005, 1170, 460, 400],
[2006, 660, 1120, 900],
[2007, 1030, 540, 480],
[2008, 1350, 750, 800]
]);
var options001 = {
title: '数値版サンプル',
hAxis: {title: '年度', format: "####",
gridlines:{color:'transparent'}}
};
var chart001 = new google.visualization.LineChart(document.getElementById('chart_div001'));chart001.draw(data001, options001); }
</script><div  id="chart_div001" style="width: 80%; height: 400px;"></div>
//////// 
グラフのできあがりを、比較してみよう
//////
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);function drawChart() { 
var data002 = google.visualization.arrayToDataTable([ 
[ '', '売上高', '営業利益', '経常利益'], 
['2004', 1000, 400, 380], 
['2005', 1170, 460, 400],
['2006', 660, 1120, 900], 
['2007', 1030, 540, 480], 
['2008', 1350, 750, 800] ]);
var options002 = { title: '会社業績' }; 
var chart002 = new google.visualization.LineChart(document.getElementById('chart_div002'));chart002.draw(data002, options002); } 
</script>
<div  id="chart_div" style="width: 80%; height: 400px;"></div>
//////