登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

学无止境

一点积累,与大家分享

 
 
 

日志

 
 

google Api Sample  

2010-04-22 18:01:37|  分类: js技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
from:http://code.google.com/intl/zh-CN/apis/visualization/documentation/gallery.html
        http://code.google.com/intl/zh-CN/apis/visualization/documentation/queries.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://www.google.cn/jsapi"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type"
      content="text/html; charset=utf-8"/>
    <title>
      Google Visualization API Sample
    </title>
    <script type="text/javascript"
     src="http://www.google.com/jsapi">
    </script>
    <script type="text/javascript">
      google.load('visualization', '1',
        {packages: ['piechart']});
    </script>
    <script type="text/javascript">
   
   google.load('visualization', '1', {packages:['table']});
   google.setOnLoadCallback(drawTable);
   function drawTable(){
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Department');
      data.addColumn('number', 'Revenues Change');
      data.addRows([
        ['Shoes', {v:12, f:'12.0%'}],
        ['Sports', {v:-7.3, f:'-7.3%'}],
        ['Toys', {v:0, f:'0%'}],
        ['Electronics', {v:-2.1, f:'-2.1%'}],
        ['Food', {v:22, f:'22.0%'}]
      ]);
    
      var table = new google.visualization.Table(document.getElementById('arrowformat_div'));
      
      var formatter = new google.visualization.ArrowFormat();
      formatter.format(data, 1); // Apply formatter to second column
      
      table.draw(data, {allowHtml: true, showRowNumber: true});
   }   
 
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
  <div id="arrowformat_div"
     style="width: 300px; height: 300px;">
    </div>
    <br/>
    
  </body>
</html>
</body>
</html>
  评论这张
 
阅读(685)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018