echarts 双环饼形图

 

 

option = {
    tooltip: {
        show: true,
        formatter: "{a}:{d}%"
    },
    series: [
        {
            name: '销量3',
            type: 'pie',
            hoverAnimation: false, //鼠标移入变大
            clockWise: false,
            radius: ['50%', '55%'],
            itemStyle: {
                 normal: {
                    color: '#4cabfe',
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                }
            },
            data: [
                {
                    value:20,
                    name: 'invisible',
                    itemStyle: {
                        normal: {
                            color: 'rgba(0,0,0,0)',
                         },
                    }
                },
                {
                    value:80,
                    name: '销量3'
                }

            ],

        },
        {
            name: '销量2',
            type: 'pie',
            clockWise: false,
             hoverAnimation: false, //鼠标移入变大
            radius: ['45%', '50%'],
            itemStyle: {
                 normal: {
                    color: '#ffaf00',
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                }
            },
          
            data: [{
                    value: 10,
                    name: 'invisible',
                    itemStyle: {
                         normal: {
                            color: 'rgba(0,0,0,0)',
                         },
                    }
                },
                {
                    value: 90,
                    name: '销量2'
                }
            ]
        },
       

    ]
};

 

posted @ 2021-01-04 20:54  云里知音  阅读(1190)  评论(0编辑  收藏  举报