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="width: 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="width: 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="width: 900px; height: 500px;"></div>

29   </body>

30 </html>

Visualization: Pie Chart(可视化：饼图)的更多相关文章

  1. bubble chart|Matrix Scatter|Overlay Scatter|Scatterplots|drop-line|box plot|Stem-and-leaf plot|Histogram|Bar chart|Pareto chart|Pie chart|doughnut chart|

    应用统计学 对类别数据要分类处理: Bar chart复式条形图便于对比: Pareto chart:对类别变量依据频数高低排列: Pie chart:饼图用于一个样本,可以区分类别数据 doughn ...

  2. c# 通过.net自带的chart控件绘制饼图pie chart

    c# 通过.net自带的chart控件绘制饼图pie chart   需要实现的目标是: 1.将数据绑定到pie的后台数据中,自动生成饼图. 2.生成的饼图有详细文字的说明. 具体的实现步骤: > ...

  3. 微软BI 之SSRS 系列 - 解决Pie Chart 中控制标签外部显示与标签重叠的问题

    当 Pie Chart 页面标签过多的时候,往往数字标签内容挤做一团.我们要做的是:第一,让标签在饼图外部显示:第二,不让标签重叠. 一种做法是通过修改数字标签属性 - Series Label Pr ...

  4. Iocomp控件教程之Pie Chart——饼状图控件

    Pie Chart--饼状图控件(Pie Chart)以饼状图形式显示每一个项目内容所占的百分比比重.在设计时.能够使用属性编辑器加入或者移除项目以及更改属性值.在执行时.使用AddItem,Remo ...

  5. Highcharts - Pie Chart

    1. 饼状图(Pie Chart)示例: <div id="container" style="height: 400px"></div> ...

  6. Relative-Frequency|frequency|pie chart |bar chart

    2.2Organizing Qualitative Data The number of times a particular distinct value occurs is called its ...

  7. Matplotlib学习---用matplotlib画饼图/面包圈图（pie chart, donut chart）

    我在网上随便找了一组数据,用它来学习画图.大家可以直接把下面的数据复制到excel里,然后用pandas的read_excel命令读取.或者直接在脚本里创建该数据. 饼图: ax.pie(x,labe ...

  8. Jfreechart 生成不同数据源多个饼图(Multiple Pie Chart)

    http://blog.163.com/ppy2790@126/blog/static/103242241201210130736274/ 项目中要用JfreeChart实现不同数据源多个饼图展现每个 ...

  9. 微软BI 之SSRS 系列 - 不显示 Pie Chart 饼图上 0% 的数据

    SSRS 小技巧系列专门用来记录 SSRS 报表开发过程中常用的小技巧 - 效果图 - 0% 的标签数据不需要显示出来. 效果图 - 正常的效果. 解决方法 - 使用 IIF 条件判断,如果计算值为 ...

  10. dimensionality reduction动机---visualization(将数据可视化帮助我们更好地理解数据)

    如果我们能更好地理解我们的数据,这样会对我们开发高效的机器学习算法有作用,将数据可视化(将数据画出来能更好地理解数据)出来将会对我们理解我们的数据起到很大的帮助. 高维数据如何进行显示 GDP: gr ...

随机推荐

  1. SOFAJRaft源码阅读-模块启动过程

    本篇文章旨在分析SOFAJRaft中jraft-example模块的启动过程,由于SOFAJRaft在持续开源的过程中,所以无法保证示例代码永远是最新的,要是有较大的变动或者纰漏.错误的地方,欢迎大家 ...

  2. JSTL概述和JSTL常用标签if

    JSTL概述 1.概念:JavaServlet Pages Tag Library(JSP标准标签库) 是由Apache组织提供的开源的免费的jsp标签 <标签> 2.作用:用于简化和替换 ...

  3. Entry键值对对象-Map集合遍历键值对方式

    Entry键值对对象 我们已经知道,Map中存放的是两种对象,一种称为key(键),一种称为value(值),它们在在[Map中是-对应关系,这一对对象又称做Map 中的一个 Entry(项).Ent ...

  4. Symbol.iterator 迷惑行为

  5. Java的两个好用的工具包 Apache commons

    Apache commons 介绍 这是apache commons lang3的工具类的截图 这个工具,小皮一般用在业务层较多 这是apache commons codec下面的工具 这个工具包,今 ...

  6. springcloud 09 spring cloud gateway01 基本介绍

    官网:https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/ 1. ...

  7. 谈谈Selenium中的三种切换之alert

    谈谈Selenium中的三种切换之alert 一.如何识别 识别方法:alert中的确定.取消.输入框无法用inspector定位到,当然还有一些特例. alert分为三种 alert confirm ...

  8. python新冠疫情分析-国内疫情数据爬取2

    参考资料:04 正则表达式 和 re模块 - www.pu - 博客园 (cnblogs.com) 大佬太牛了 一边查看资料一边备注代码 终于算是看懂了嘿嘿(赶鸭子上架的爬虫一天~) 已经获取到cvs ...

  9. P1_Day1.学习目标

    目标 能够知道如何创建小程序项目 能够清楚小程序项目的基本组成结构 能够知道小程序页面由几个部分组成 能够知道小程序中常见的组件如何使用 能够知道小程序如何进行协同开发和发布 学习目录 小程序简介 第 ...

  10. try...catch中finally子句的使用

    目录: finally的使用 finally面试题 final.finally.finalize的区别 finally子句的使用: 1.在finally子句中的代码是最后且一定会执行的,即使try语句 ...