Google Char Sample Code Using Javascript

<script type="text/javascript" src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  
  google.load("visualization", "1", {packages: ["columnchart"]});  
</script>  
<script type="text/javascript">  
  function drawVisualization() {  
var data = new google.visualization.DataTable();  
  
// 設定X軸和Y軸  
data.addColumn("string", "Name");  
data.addColumn("number", "股價");  
  
// 設定欄位數量  
data.addRows(4);  
  
// 設定X軸欄位名稱  
data.setCell(0, 0, "中美晶");  
data.setCell(1, 0, "合晶");  
data.setCell(2, 0, "綠能");  
data.setCell(3, 0, "德淵");  
  
// 設定Y軸欄位值  
data.setCell(0, 1, 68.0);  
data.setCell(1, 1, 41.9);  
data.setCell(2, 1, 98.7);  
data.setCell(3, 1, 10.95);  
  
// 建立ColumnChart圖表  
new google.visualization.ColumnChart(document.getElementById("visualization")).  
draw(data, null);  
  }  
  
google.setOnLoadCallback(drawVisualization);  
</script>  
  
<!-- 圖表顯示位置及大小 -->  
<div id="visualization" style="width: 400px; height: 300px;"></div>