Echarts在线免费图表

 
            let bgColor = 'rgba(4,21,67，0.1)';
let title = '各环节统计';
let color = ['rgb(30,77,145)', 'rgb(30,77,145)', 'rgb(30,77,145)', 'rgb(30,77,145)', 'rgb(30,77,145)', 'rgb(30,77,145)'];
let echartData = [{
        name: "光路强度6.2小时",
        value: "28"
    },
    {
        name: "电路强度10.8小时",
        value: "34"
    },
    {
        name: "业务调测2.7小时",
        value: "15"
    },
    {
        name: "开通确认3小时",
        value: "15"
    },
    {
        name: "勘查确认25.1小时",
        value: "40"
    },
    {
        name: "受理与审核10.4小时",
        value: "32"
    },
    {
        name: '方案设计与施工\n56.4小时          ',
        value: "56.4"
    },
    {
        name: "客户侧设备施工0.8小时",
        value: "6"
    }
];

let formatNumber = function(num) {
    let reg = /(?=(\B)(\d{3})+$)/g;
    return num.toString().replace(reg, ',');
}
let total = echartData.reduce((a, b) => {
    return a + b.value * 1
}, 0);

option = {
    backgroundColor: bgColor,
    color: color,
    title: [{
        text: '{name|' + title + '}',
        top: 'center',
        left: 'center',
        textStyle: {
            rich: {
                name: {
                    fontSize: 25,
                    fontWeight: 'normal',
                    color: 'rgb(134,146,167)',
                    padding: [10, 0]
                }
            }
        }
    }],
    
    series: [{
        type: 'pie',
        roseType: 'area',
        radius: ['80', '150'],
        center: ['50%', '50%'],
        data: echartData,
        hoverAnimation: false,
        itemStyle: {
            normal: {
                borderColor: 'rgb(86,177,217)',
                borderWidth: 3
            }
        },
        labelLine: {
            normal: {
                length: 30,
                length2: 30,
            }
        },
        label: {
            normal: {
                formatter: params => {
                    return (
                        '{name|' + params.name + '}'
                    );
                },
                rich: {
                    name: {
                        fontSize: 18,
                        padding: [0, 0, 10, 10],
                        color: 'rgb(134,146,167)'
                    },
                    
                }
            }
        },
    }]
};