Echarts在线免费图表

 
            option = {
    //你的代码
    backgroundColor: '#081736',
    color: ['#ECB13B', '#27AB7C', '#0285DF'],

    title: {
        show: false,
        text: '',
        subtext: '',
        itemGap: 20,
        x: 'center',
        y: '46%',
        textStyle: {
            fontSize: 18,
            fontWeight: 'normal',
            color: '#333333',
        },
        subtextStyle: {
            fontSize: 24,
            fontWeight: 'normal',
            align: "center",
            color: '#333333'
        },
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },

    series: [

        {
            name: '数量',
            type: 'pie',
            selectedMode: 'single',
            center: ['50%', '50%'],
            radius: ['20%', '30%'],
            label: {
                padding: [80, 0, -80, -20],
                formatter: '{b}\n\n{c}次',
                color: '#fff',
                fontSize: 13,
                position: 'outside',
                padding: [0, -40, 0, -30],
            },
            labelLine: {
                length: 15,
                length2: 40,
                show: true,
                color: '#00ffff',
                fontSize: 15
            },

            data: [
                { value: 34, name: '严重不良行为数量', selected: true },
                { value: 69, name: '守信经营数量' },
                { value: 47, name: '一般不良行为数量' },
            ]
        },

    ]
};