放物線　サンプル
            ( リストの解説 )
<html>
<head>
  <!-- 文字コードを設定 -->
<meta http-equiv="content-type" content="text/html; charset=Shift-JIS" >
  <!-- google サイトを呼び出します -->
<script language="javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript"> 
  // ChartAPIを読み込みます
  google.load('visualization', '1.0' , {'packages':['corechart']});
  google.setOnLoadCallback(drawChart); 
  // 呼び出し関数を定義します
  function drawChart() {
     var data = new google.visualization.DataTable();
  // 変数「data」にDataTableオブジェクトを格納し、架空のテーブルを作ります
  // カラム（テーブル）を作成。number型の'x'と'y'の列を作ります
     data.addColumn('number', 'x');          
     data.addColumn('number', 'y');
     var x; var y; var z = 0; var max = 101; max2=2*max;
  // 連想配列に、計算式によりデータを格納 
     data.addRows( max2 );            
     for (n = 1; n < max2; n++ ){ 
       x= 2*(n-max)/(max-1);
       y = x*x;
       data.setValue(z, 0, x);
       data.setValue(z, 1, y);
       z = z+1;
     };
  // オプションでタイトルなどを設定 
     var options = { 
       legend: 'none',             // 凡例を非表示
       title: '放物線　y=x^2'      // タイトルの指定
     };
  // Id('chartDiv')にグラフを書き出す指示をします
     var chart = new google.visualization.LineChart(document.getElementById('chartDiv'));
  // データをオプションで書き出すよう命令 
     chart.draw(data, options ); 
   }
</script>
</head>
<body>
  <!-- id="chart" にグラフ表示領域を設定 -->
  <span id="chartDiv" style="width: 600px; height:360px; top:2px;"></span>
</body>
</html>
　TopPage　Chart Top　　参考: google chart　くめちゃん　雑記帳　 API　
　