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. 图文并茂--微信小程序，获取用户地理位置信息，并调用腾讯地图API来获取用户具体位置

    今天开始搞这个东西,下面是详细的记录 先看一下效果啦 1.小程序代码先获取用户基础位置信息 js data: { myLocation: 'GET LOCATION', }, openMap() { ...

  2. DLL的两种加载方式

    案例简述 在某项目中,需要使用两个不同版本的HCNetSDK库,我们通常使用的静态加载DLL的方式不能满足该需求,故用到动态加载DLL的方式. 背景技术及术语解释 静态加载:也称隐式调用,指在运行程序 ...

  3. Android原生集成JPush SDK

    因为小黑是一名Unity开发,所以Android Studio上有写的不对的地方请大佬们指出,再集成的时候,有问题的或者疑问的也可以直接提出. 目录 使用版本: 接入JPush SDK 一:下载JPu ...

  4. 论文翻译：2022_腾讯DNS 1th TEA-PSE: Tencent-ethereal-audio-lab personalized speech enhancement system for ICASSP 2022 DNS CHALLENGE

    论文地址:TEA-PSE: 用于ICASSP 2022 DNS挑战赛的Tencent-ethereal-audio-lab 个性化语音增强系统 论文代码: 引用格式:Ju Y, Rao W, Yan ...

  5. KingbaseES dblink异常unsupported for database link

    KingbaseES使用dblink查询报错:unsupported for database link 适用于: KingbaseES所有版本. 问题现象: KingbaseES创建kingbase ...

  6. 环形链表I、II（含代码以及证明）

    环形链表 解题思路 定义两个指针,一个快指针,一个慢指针,快指针每次移动两个节点,慢指针每次移动一个节点. 从头节点开始,让快慢指针同时移动,如果链表中有环,那么快慢指针一定会在某个节点相遇. 如果快 ...

  7. JAVA虚拟机15---虚拟机的类加载机制

    1.概述 在Class文件中描述的各类信息,最终都需要加载到虚拟机中之后才能被运行和使用.而虚拟机如何加载这些Class文件,Class文件中的信息进入到虚拟机后会发生什么变化,这就涉及到虚拟机的类加 ...

  8. 云原生时代顶流消息中间件Apache Pulsar部署实操-上

    @ 目录 安装 运行时Java版本推荐 Locally Standalone集群 启动 验证 部署分布式集群 部署说明 初始化集群元数据 部署BookKeeper 部署Broker Admin客户端和 ...

  9. 关于异常处理的return

    无论try代码块中是否有异常,finally里的代码都会执行 当try和catch代码块中有return语句时,finally仍然会执行 如果try-catch-finally都有return语句,则 ...

  10. H5与原生APP调了交互方式

    APP中不支持position:fixed; 改成 position:absolute; 触发H5按钮跳转APP原生页,进入调取APP的名传自己的方法 <a href="javascr ...