echarts 双环饼形图

标签:nbsp   lock   orm   load   hover   style   data   nim   img   

技术图片

 

 

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‘
                }
            ]
        },
       

    ]
};

 

echarts 双环饼形图

标签:nbsp   lock   orm   load   hover   style   data   nim   img   

原文地址:https://www.cnblogs.com/yunyin/p/14232316.html

版权声明:完美者 发表于 2021-01-07 12:02:18。
转载请注明:echarts 双环饼形图 | 完美导航

暂无评论

暂无评论...