Echarts在线免费图表

 
            

let colorList = ['#ffc168', '#ff6c5f', '#ff4f81', '#3369e7', '#00aeff', '#1cc7d0', '#9bd00c', '#14f348','#00f7b5'];

// 公用调整
let itemStyle = {
    // normal: {
    //     borderColor: '#072855',
    //     borderWidth: 8,
    //     color: function (params) {
    //         return colorList[params.dataIndex];
    //     },
    // },
};

const option = {
    backgroundColor: '#000',


    series: [
        {
            // 数据
            type: 'pie',
            zlevel: 3,
            radius: ['31%', '65%'],
            center: ['50%', '50%'],
            itemStyle: itemStyle,
            emphasis: {
                //5.x版本使用悬浮放大
                scale: true,
                label: {
                    show: false /* 5.x版本是label.emphasis */,
                },
            },
            label: {
                show: false,
            },
            data: [
                { name: '收缴物品', value: '20' }, 
                { name: '黄码', value: '30' }, 
                { name: '绿码', value: '30' },],

        },

        {
            name: '阴影圈',
            type: 'pie',
            radius: ['40.5%', '53%'],
            center: ['50%', '50%'],
            hoverAnimation: false,
            tooltip: {
                show: false
            },
            itemStyle: {
                normal: {
                    color: 'rgba(0, 0, 0, 0.4)',
                },
            },
            zlevel: 4,
            labelLine: {
                show: false,
            },
            data: [100],
        },
        {
            name: '阴影圈1',
            type: 'pie',
            radius: ['31%', '40.6%'],
            center: ['50%', '50%'],
            hoverAnimation: false,
            tooltip: {
                show: false
            },
            itemStyle: {
                normal: {
                    color: 'rgba(0, 0, 0, 0.6)',
                },
            },
            zlevel: 5,
            labelLine: {
                show: false,
            },
            data: [10],
        },

    ],
};