Echarts在线免费图表

 
            var scale = 1;
var echartData = [{
    value: 469,
    name: '地下停车场B2'
}, {
    value: 261,
    name: '地下停车场B1'
}, {
    value: 427,
    name: '地上VIP停车场'
}, {
    value: 274,
    name: '货车轮候区'
}, {
    value: 151,
    name: '货车临时停车区'
}];
var rich = {
    yellow: {
        color: "#fff",
        fontSize: 30 * scale,
        padding: [8, 4],
        align: 'center'
    },
    white: {
        color: "#00B9FC",
        align: 'center',
        fontSize: 18 * scale,
        padding: [20, 0]
    },
    blue: {
        color: '#49dff0',
        fontSize: 16 * scale,
        align: 'center'
    },
    hr: {
        borderColor: 'rgba(255,255,255,.1)',
        width: '100%',
        borderWidth: 1,
        height: 0,
    }
};
var colorArr = ['#28A1E6', '#297AE6', '#5D46D4', '#7F46D3', '#00AA6C', '#28A1E6'];
option = {
    backgroundColor: '#031f2d',
    title: {
        text: '对应时刻各停车场停车数',
        left: 'center',
        top: '5%',
        padding: [24, 0],
        textStyle: {
            color: '#fff',
            fontSize: 20 * scale,
            align: 'center',
            fontWeight: 'normal'
        }
    },
    series: [{
        // name: '总考生数量',
        type: 'pie',
        radius: ['42%', '50%'],
        hoverAnimation: false,
        color: colorArr,
        label: {
            normal: {
                formatter: function(params, ticket, callback) {
                    var total = 0; //考生总数量
                    var percent = 0; //考生占比
                    echartData.forEach(function(value, index, array) {
                        total += value.value;
                    });
                    // percent = ((params.value / total) * 100).toFixed(1);
                    return '{white|' + params.name + '}\n{hr|}\n{yellow|' + params.value + '}\n{blue|' + '}';
                },
                rich: rich
            },
        },
        labelLine: {
            normal: {
                length: 55 * scale,
                length2: 0,
                lineStyle: {
                    color: 'rgba(255,255,255,.1)'
                }
            }
        },
        data: echartData
    }]
};