zoukankan html css js c++ java

Visualization: Pie Chart(可视化：饼图)

 1 <html>
 2   <head>
 3     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 4     <script type="text/javascript">
 5       google.charts.load('current', {'packages':['corechart']});
 6       google.charts.setOnLoadCallback(drawChart);
 7 
 8       function drawChart() {
 9 
10         var data = google.visualization.arrayToDataTable([
11           ['Task', 'Hours per Day'],
12           ['Work',     11],
13           ['Eat',      2],
14           ['Commute',  2],
15           ['Watch TV', 2],
16           ['Sleep',    7]
17         ]);
18 
19         var options = {
20           title: 'My Daily Activities'
21         };
22 
23         var chart = new google.visualization.PieChart(document.getElementById('piechart'));
24 
25         chart.draw(data, options);
26       }
27     </script>
28   </head>
29   <body>
30     <div id="piechart" style=" 900px; height: 500px;"></div>
31   </body>
32 </html>

 1 <html>
 2   <head>
 3     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 4     <script type="text/javascript">
 5       google.charts.load("current", {packages:["corechart"]});
 6       google.charts.setOnLoadCallback(drawChart);
 7       function drawChart() {
 8         var data = google.visualization.arrayToDataTable([
 9           ['Task', 'Hours per Day'],
10           ['Work',     11],
11           ['Eat',      2],
12           ['Commute',  2],
13           ['Watch TV', 2],
14           ['Sleep',    7]
15         ]);
16 
17         var options = {
18           title: 'My Daily Activities',
19           is3D: true,
20         };
21 
22         var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
23         chart.draw(data, options);
24       }
25     </script>
26   </head>
27   <body>
28     <div id="piechart_3d" style=" 900px; height: 500px;"></div>
29   </body>
30 </html>

 1 <html>
 2   <head>
 3     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 4     <script type="text/javascript">
 5       google.charts.load("current", {packages:["corechart"]});
 6       google.charts.setOnLoadCallback(drawChart);
 7       function drawChart() {
 8         var data = google.visualization.arrayToDataTable([
 9           ['Task', 'Hours per Day'],
10           ['Work',     11],
11           ['Eat',      2],
12           ['Commute',  2],
13           ['Watch TV', 2],
14           ['Sleep',    7]
15         ]);
16 
17         var options = {
18           title: 'My Daily Activities',
19           pieHole: 0.4,
20         };
21 
22         var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
23         chart.draw(data, options);
24       }
25     </script>
26   </head>
27   <body>
28     <div id="donutchart" style=" 900px; height: 500px;"></div>
29   </body>
30 </html>

查看全文

相关阅读:
主键、外键和索引的区别
 设置session超时的三种方式
 redis常用操作
 timestamp 转 date 处理后再转timestamp
fragment在水平/垂直时的应用
 Activity堆栈管理
 ORMLite的使用
 onItemLongClick事件的监听
 Bundle的使用
 有关implicit Intent的使用

原文地址：https://www.cnblogs.com/HuairongChen/p/15138103.html