Google 图表 API 实列

weixin_30632883

于 2009-11-11 14:09:00 发布

阅读量48

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/diaopai/archive/2009/11/11/1600915.html

版权

<html>
<head>
    
    <script type="text/javascript" src="http://www.google.com/jsapi">
    <script type="text/javascript">
      google.load('visualization', '1', {'packages':['piechart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['工作', 11],
          ['吃饭', 2],
          ['学习', 2],
          ['看电视', 2],
          ['睡觉', 7]
          ]);

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 400, height: 240, is3D: true, title: '雕牌的一天'});
      }
    </script>
</head>