使用纯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－4，绘制辅助线。
1、各拉水平、垂直辅助线一条。
2、路径工具选择“椭圆形”在两条线的交点按住“shift”＋“alt”，绘制正圆一个。
3、路径工具选择“直线”工具，按住“shift”绘制水平或者垂直线一条。
4、选择刚才绘制的“直线”，“自由变换路径”，在菜单栏下方的“选项栏”找到“旋转”，输入57，调整好，移动到一头和圆心相交的位置，一头和首先绘制的圆相交。
5－7完成扇形的制作
5、使用“钢笔工具”，沿着刚才绘制的辅助线绘制一个多边形，与圆形相交。
6、使用“路径选择工具”，按住“ctrl”，选择“圆形”和刚才制作的多边形，在菜单栏下方的选项栏里找到“组合”按钮。
7、使用“直接选择工具”，选择不要的节点，删除，一个57度的扇形，搞定！
