echarts配置方法

/* 南丁格尔玫瑰图 */

(function () {

    var pie = document.getElementsByClassName('pie')[0];

    myChart = echarts.init(pie);

    var option = {

        color: ['#006cff', '#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'],

        tooltip: {

            trigger: 'item',

            /*

                提示信息的格式：

                a: series中name的值

                b: series中 data的name值

                c: series中 data的 value值

                d: 当前value占全部的比例

            */

            formatter: '{a} <br/>{b} : {c} ({d}%)'

        },

        series: [

            {

                name: '老陈学员分布',

                type: 'pie',

                radius: ['8%', '65%'],

                center: ['50%', '50%'],

                roseType: 'radius',

                itemStyle: {

                    borderRadius: 5

                },

                label: {

                    fontSize: '10px'

                },

                labelLine: {

                    length: 6,

                    length2: 8

                },

                data: [

                    { value: 20, name: '云南' },

                    { value: 26, name: '北京' },

                    { value: 24, name: '山东' },

                    { value: 25, name: '河北' },

                    { value: 20, name: '江苏' },

                    { value: 25, name: '浙江' },

                    { value: 30, name: '四川' },

                    { value: 42, name: '河南' }

                ]

            }

        ]

    };

    myChart.setOption(option);

    window.addEventListener('load', function () {

        myChart.resize();

    })

    window.addEventListener('resize', function () {

        myChart.resize();

    })

})();