码迷,mamicode.com
首页 > 其他好文 > 详细

echarts 双环饼形图

时间:2021-01-07 12:02:18      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!