变异南丁格尔玫瑰图（多背景，多边线）

标签：阴影   lin   http   jpg   fse   offsetx   idt   radius   animation   

option = {
    color: [‘#32A8E8‘, ‘#E75B5A‘, ‘#F5F45E‘, ‘#AE77EF‘, ‘#A3B8EF‘, ‘#FE9E6C‘, ‘#65CF92‘, ‘#71BCE6‘, ‘#6B6ADF‘, ‘#72C23A‘],
    tooltip: {
        trigger: ‘item‘,
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        left: ‘10%‘,
        orient: ‘vertical‘,
        top: ‘center‘,
        data: pie1,
    },
    series: [
        //中间圆
        {
            type: ‘pie‘,
            silent: true,
            radius: [‘0%‘, ‘12%‘],
            center: [‘54%‘, ‘50%‘],
            hoverAnimation: false,
            zlevel: 24,
            label: {
                show:false
            },
            itemStyle: {
                normal: {
                    // 设置扇形的阴影
                    shadowBlur: 10,
                    shadowColor: ‘rgba(0,0,0,1)‘,
                    shadowOffsetX: 3,
                    shadowOffsetY: 3

                }
            },
            data: [{
                name: ‘‘,
                value: 0,
                itemStyle: {
                    normal: {
                        color: "#DDDDDD"
                    }
                }
            }]
        },
        //白色背景
        {
            type: ‘pie‘,
            silent: true,
            center: [‘54%‘, ‘50%‘],
            hoverAnimation: false,
            label: {
                show:false
            },

            data: [{
                name: ‘‘,
                value: 0,
                itemStyle: {
                    normal: {
                        color: "#fff"
                    }
                }
            }]
        },
        //内环线1
        {
            type: ‘pie‘,
            silent: true,
            radius: [‘46%‘, ‘47%‘],
            center: [‘54%‘, ‘50%‘],
            hoverAnimation: false,
            zlevel: 24,
            label: {
                show:false
            },

            data: [{
                name: ‘‘,
                value: 0,
                itemStyle: {
                    normal: {
                        color: "rgba(255, 255, 255, 0.5)"
                    }
                }
            }]
        },
        //内环线2
        {
            type: ‘pie‘,
            silent: true,
            radius: [‘51%‘, ‘52%‘],
            center: [‘54%‘, ‘50%‘],
            hoverAnimation: false,
            zlevel: 24,
            label: {
                show:false
            },

            data: [{
                name: ‘‘,
                value: 0,
                itemStyle: {
                    normal: {
                        color: "rgba(255, 255, 255, 0.5)"
                    }
                }
            }]
        },
        //外环线
        {
            name:‘‘,
            type:‘pie‘,
            silent: true,
            radius: [‘75%‘, ‘85%‘],
            center: [‘54%‘, ‘50%‘],
            label: {
                show:false
            },
            itemStyle:{
                normal:{
                    color:‘#C7E7FC‘
                }
            },
            data:[
                {value:1, name:‘‘},
            ]
        },{
        name: "源ipTOP10",
        type: ‘pie‘,
        roseType: ‘radius‘,
        radius: [‘12%‘, ‘55%‘],
        center: [‘54%‘, ‘50%‘],
        clockwise: false,
        data: pieData,
        label: {
            show:false
        },
        labelLine: {
            normal: {
                show: false
            }
        },
        itemStyle: {

            normal: {
                borderWidth: 1,
                borderColor: ‘#ffffff‘,
            },
            emphasis: {
                borderWidth: 0,
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: ‘rgba(0, 0, 0, 0.5)‘
            }
        }
    }],
};

变异南丁格尔玫瑰图（多背景，多边线）

标签：阴影   lin   http   jpg   fse   offsetx   idt   radius   animation   

原文地址：https://www.cnblogs.com/lixiu/p/12207012.html