南丁格尔玫瑰图echarts 饼配置项内容和展示

配置项如下
      
var pieData=[
            {value:11231,name:"唐人街探案",itemStyle:{color:'blue'}},
            {value:22673,name:"少年的你",itemStyle:{color:'orange'}},
            {value:6231,name:"我的姐姐",itemStyle:{color:'yellow'}},
            {value:8231,name:"你的婚礼",itemStyle:{color:'pink'}},
            {value:9331,name:"八月未央",itemStyle:{color:'purple'}},//饼图数据
        ]
        //指定图表的配置项和数据
        var option={ 
            title:{//标题
                text:'饼图',
                textStyle:{color:'red'}
            },
            tooltip: {
                show: true //显示提示框
           },
            legend:{
                type:'plain',//图例的类型,普通图例
            },
            series:[{
                type:'pie',//图形的类型
                data:pieData,//数据选择上方创建好的数据
                label:{//饼图图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等。
                    show:true,
                    formatter:function(arg){
                        console.log(arg)
                        return '电影:'+arg.data.name+'\n'+'票房:'+arg.data.value+'\n'
                    },
                    textStyle:{color:'green'}//标签文本的颜色
                },
                roseType:'radius',//是否展示南丁格尔图,扇区圆心角展现数据的百分比,半径展现数据的大小。
                selectedMode:'single',//选中模式的配置,表示是否支持多个选中,默认关闭
                selectedOffset:30,//选中扇区的偏移距离
                radius:['0%','60%'],//南丁格尔图的半径,以及展示数据的大小
                itemStyle:{//图形样式
                    shadowBlur:200,//图形阴影的模糊大小
                    shadowColor:'blank'//阴影颜色
                }
            }]
        }

    
截图如下