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="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(可视化：饼图)的更多相关文章
- 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 ...
- c# 通过.net自带的chart控件绘制饼图pie chart
c# 通过.net自带的chart控件绘制饼图pie chart 需要实现的目标是: 1.将数据绑定到pie的后台数据中,自动生成饼图. 2.生成的饼图有详细文字的说明. 具体的实现步骤: > ...
- 微软BI 之SSRS 系列 - 解决Pie Chart 中控制标签外部显示与标签重叠的问题
当 Pie Chart 页面标签过多的时候,往往数字标签内容挤做一团.我们要做的是:第一,让标签在饼图外部显示:第二,不让标签重叠. 一种做法是通过修改数字标签属性 - Series Label Pr ...
- Iocomp控件教程之Pie Chart——饼状图控件
Pie Chart--饼状图控件(Pie Chart)以饼状图形式显示每一个项目内容所占的百分比比重.在设计时.能够使用属性编辑器加入或者移除项目以及更改属性值.在执行时.使用AddItem,Remo ...
- Highcharts - Pie Chart
1. 饼状图(Pie Chart)示例: <div id="container" style="height: 400px"></div> ...
- Relative-Frequency|frequency|pie chart |bar chart
2.2Organizing Qualitative Data The number of times a particular distinct value occurs is called its ...
- Matplotlib学习---用matplotlib画饼图/面包圈图（pie chart, donut chart）
我在网上随便找了一组数据,用它来学习画图.大家可以直接把下面的数据复制到excel里,然后用pandas的read_excel命令读取.或者直接在脚本里创建该数据. 饼图: ax.pie(x,labe ...
- Jfreechart 生成不同数据源多个饼图(Multiple Pie Chart)
http://blog.163.com/ppy2790@126/blog/static/103242241201210130736274/ 项目中要用JfreeChart实现不同数据源多个饼图展现每个 ...
- 微软BI 之SSRS 系列 - 不显示 Pie Chart 饼图上 0% 的数据
SSRS 小技巧系列专门用来记录 SSRS 报表开发过程中常用的小技巧 - 效果图 - 0% 的标签数据不需要显示出来. 效果图 - 正常的效果. 解决方法 - 使用 IIF 条件判断,如果计算值为 ...
- dimensionality reduction动机---visualization(将数据可视化帮助我们更好地理解数据)
如果我们能更好地理解我们的数据,这样会对我们开发高效的机器学习算法有作用,将数据可视化(将数据画出来能更好地理解数据)出来将会对我们理解我们的数据起到很大的帮助. 高维数据如何进行显示 GDP: gr ...
随机推荐
- Ubuntu snap 下载慢
解决方法 sudo apt-get install snapd sudo snap install snap-store sudo snap install snap-store-proxy sudo ...
- 判断一个对象是否是数组的n个方法，typeOf不能判断引用类型对象
- 痞子衡单片机排行榜（2022Q4）
痞子衡单片机排行榜(2022Q4) 继2020年开办的<痞子衡嵌入式半月刊>之后,从2023年1月份开始痞子衡将为大家带来新项目<痞子衡单片机排行榜>(一年分四季,每个季度发布 ...
- Dubbo 入门系列之基于 Dubbo API 开发微服务应用
目标 从零上手开发基于 Dubbo 的微服务 难度 低 环境要求 系统:Windows.Linux.MacOS JDK 8 及以上(推荐使用 JDK17) Git IntelliJ IDEA(可选) ...
- CSAPP 配套实验 DataLab
第一次写博客,当作随笔留给自己看吧,如果能帮到读者,是我的荣幸. 这是 CSAPP 的配套实验 DataLab,概括的来说就是在较严格的限制条件下把 15 个函数补充完整. 本人能力没有那么强,很多题 ...
- SQLSERVER 阻塞之 PFS 页到底是什么？
一:背景 1. 讲故事 在 SQLSERVER 的众多阻塞场景中,有不小的一部分是由于 PFS 页上的 闩锁 等待造成的,毕竟写页操作一定是要串行化的,在面对 闩锁(PAGELATCH_X) 等待问题 ...
- C#/VB.NET 如何在不同工作簿之间复制单元格范围
在处理 Excel 文档时,我们经常需要将数据整合到一个工作表以便于我们进行管理或数据对比.为了提高工作效率,我们可以在不同的工作簿之间复制选定的单元格区域或整个工作表.本文将演示如何通过编程方式将选 ...
- 真正“搞”懂HTTPS协议16之安全的实现
上一篇噢,我们搞明白了什么是安全的通信,这个很重要,特别重要,敲黑板!! 然后,我们还学了HTTPS到底是什么,以及HTTPS真正的核心SSL/TLS是什么.最后我们还聊了聊TLS的实现,也就是Ope ...
- IIS服务器SSL证书安装 （pfx文件不能直接运行时）
在证书控制台下载IIS版本证书,下载到本地的是一个压缩文件,解压后里面包含.pfx文件是证书文件,pfx_password.txt是证书文件的密码. 友情提示: 每次下载都会产生新密码,该密码仅匹配本 ...
- JZOJ 4417. 【HNOI2016模拟4.1】神奇的字符串
不能算解析的解析 很神仙的题 知道做法后很容易实现 这里不写题解 推荐一个:4417. [HNOI2016模拟4.1]神奇的字符串 感谢写此博文的神犇! \(Code\) #include<cs ...