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

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

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

    Strapi 是什么 中文文档地址 Strapi 是一个开源的无头 CMS,开发人员可以自由选择他们喜欢的工具和框架,并允许编辑使用他们的应用程序的管理面板来管理和分发他们的内容.基于一个插件系统,S ...

  2. Java基础学习笔记-常量与变量♪(^∇^*)

    常量与变量相同点 都有作用域,跟JS差不多, 变量的作用域:一对{ }之间有效 1.局部 2.全局 2.1.属于类的量(类常量和类变量) 2.2.属于实例的量(实例常量和实例变量) • 前面都可加权限 ...

  3. Java基础1-1-3—java基础语法（条件控制语句）

    3. 条件控制语句 3.1 流程控制语句-顺序结构 流程控制语句:通过一些语句,来控制程序的[执行流程] 流程控制语句分类: 顺序结构 分支结构(if,switch) 循环结构(for,while,d ...

  4. Java 进阶P-2.5+P-2.6

    包 Java 包(package) 为了更好地组织类,Java 提供了包机制,用于区别类名的命名空间. 包的作用 1.把功能相似或相关的类或接口组织在同一个包中,方便类的查找和使用. 2.如同文件夹一 ...

  5. git 拉取github项目失败（超时）

    问题 通过git拉取GitHub上的项目失败报错信息如下 fetch-pack: unexpected disconnect while reading sideband packet fatal: ...

  6. prometheus+grafana监控体验

    先上pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...

  7. C++ 从数组中拿值，每个值不相同

    代码和思路 原理就是生成0,n个索引,每个索引不相同即可. 索引再到数组拿数据就行 #include <iostream> #include <vector> #include ...

  8. Linux 安装 CentOS7

    1.linux 下载 http://mirrors.aliyun.com/centos/7/isos/x86_64/ centos-7-isos-x86_64安装包下载_开源镜像站-阿里云 (aliy ...

  9. JAVA虚拟机12--Class文件结构-属性表

    1 属性表 1.1 简介 属性表(attribute_info)在前面的讲解之中已经出现过数次,Class文件.字段表.方法表都可以携带自己的属性表集合,以描述某些场景专有的信息. <Java虚 ...

  10. gitlabApi如何获取项目文件夹的commitId

      在我们做配置管理系统和gitlab系统集成的时候,有一个常见的场景,就是要获取某个文件的commitId,来记录本次配置文件提交的版本.这个通过gitlabApi很容易实现: GET /proje ...