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>