使用纯css制作扇形图，合并起来形成饼图：
应该知道css3中引入了圆角属性（border-radius），一旦设置这个值，边框即会出现圆角。同样，我们对正方形设置圆角，即可得到饼状图
html：<div id="circle">11</div>
css：
#circle{
width:0
height:0
border-radius:100px
border-width:100px
border-style:solid
border-color: red blue green yellow
line-height:99em
overflow:hidden
cursor:pointer
margin: 30px auto
}
效果：
4.同样我们对其中三个边框设置透明色即可得到扇形
html：<div id="fan">11</div>
css:
#fan{
width:0
height:0
border-radius:100px
border-width:100px
border-style:solid
border-color:red transparent transparent transparent
line-height:99em
overflow:hidden
cursor:pointer
margin: 30px auto
}
效果：
扇形统计图的制作方法如下：
1、打开Excel 或其他的电子表格程序。
2、制作表格，输入相关数据和项目。
3、点击“插入图表”，选择扇形图或饼图，选择数据区域，点击“数据区域”输入框右边的按钮。
4、拖动鼠标，选择表格内容。
5、点击“源数据”输入框右边的按钮。
6、按提示设置图表的属性。如果不满意图表的效果，右键单击图表，选择“图表选项”等，进行修改。或者用鼠标拖放图表，放在合适的位置上。
扇形统计图是用整个圆表示总数，用圆内各个扇形的大小表示各部分量占总量的百分之几，扇形统计图中各部分的百分比之和是单位“1”。通过扇形统计图可以很清楚地表示出各部分数量与总数之间的关系。
