js画饼状,表格数据制作圆饼

HTML <!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script><link rel="stylesheet" type="text/css" rel="external nofollow" href="css/index.css"/><body><div id="mycharts"></div></body><script src="js/index.js" type="text/javascript" charset="utf-8"></script></html> CSS

#mycharts{width: 500px;height: 500px;} JavaScript /*1.获取div元素，初始化为echarets2.声明图表3、将声明好的图表，添加至div元素中*/ //1.获取div元素，初始化为echaretsvar myCharts = echarts.init(document.getElementById("mycharts"))//2.声明图表var option = {//图表标题title:{text:"男女比例",left:"center"},//鼠标悬浮时，提示框内容tooltip:{trigger: 'item',formatter: '{a} <br/>{b} : {c} ({d}%)'},// 小图表标记样式legend:{left:"center",data:["男生","女生"],orient:"horizontal"},//图表详细内容：形状、数据series:[{name:"男女比例",type:"pie",radius:'50%',center:['50%','60%'],data:[{value:49,name:"男生"},{value:2,name:"女生"}],//图表选中时的样式emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:'rgb(0, 255, 127)'}}}],};//3、将声明好的图表，添加至div元素中myCharts.setOption(option);