Echarts.js 实现饼状图

<script src="__STATIC__/phy/js/echarts.min.js"></script>

<div id="main" style="width: 100%;height:246px; "></div>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'), 'wonderland');

    myChart.setOption({
        series : [
            {
                name: ['女','男'],
                type: 'pie',    // 设置图表类型为饼图
                radius: '40%',  // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
                data:[          // 数据数组，name 为数据项名称，value 为数据项值
                    {value:50,name:'女',itemStyle:{normal:{color:'#FE0000'}}},
                    {value:150,name:'男',itemStyle:{normal:{color:'#02B0ED'}}},
                ],
                label : {
                    normal : {
                        formatter: '{b}:{c}: ({d}%)',
                        textStyle : {
                            fontWeight : 'normal',
                            fontSize : 15
                        }
                    }
                },
            }
        ],
        legend: {
            data:['女','男']
        }
    })
</script>