饼图

描述:当前是关于Echarts图表中的 饼图 示例。
 
            var dataing = [{
    "name": "1",
    "value": 10
}, {
    "name": "2",
    "value": 10
}]
option = {

    color: ['#ee5123', "transparent"],
    //  backgroundColor: '#000',
    title: {
        text: 7789,
        subtext: '辆',
        textStyle: {
            color: '#c4cfd2',
            fontSize: 12,
            align: 'center'
        },
        subtextStyle: {
            fontSize: 8,
            color: ['#c4cfd2'],
            align: 'center'
        },
        x: 'center',
        y: 'center',
    },
    grid: {
        bottom: '5%',
        left: '5%',
        right: '5%',
        top: '5%',
    },

    legend: {
        itemWidth: 0,
        itemHeight: 0,
        bottom: 10,
        left: 'center',
        data: [{
            name: '在用运输车',
            textStyle: {
                fontSize: 16,
                color: '#85c7e3',

            },

        }]
    },
    series: [
        // 主要展示层的
        {
            radius: ['75%', '85%'],
            center: ['50%', '50%'],
            type: 'pie',
            label: {
                normal: {
                    show: false,
                    formatter: "{c}%",
                    textStyle: {
                        fontSize: 30,

                    },
                    position: 'outside'
                },
                emphasis: {
                    show: false
                }
            },
            labelLine: {
                normal: {
                    show: false,
                    length: 30,
                    length2: 55
                },
                emphasis: {
                    show: false
                }
            },
            name: "在用运输车",
            data: dataing,

        },
        {
            name: '外边框',
            type: 'pie',
            clockWise: false, //顺时加载
            hoverAnimation: false, //鼠标移入变大
            center: ['50%', '50%'],
            radius: ['85%', '85%'],
            label: {
                normal: {
                    show: false
                }
            },
            data: [{
                value: 9,
                name: '',
                itemStyle: {
                    normal: {
                        borderWidth: 3,
                        borderColor: '#ee5123'
                    }
                }
            }]
        },

    ]
};