echart 怎么定制成如图的样式？

Question

现在有一个需求要定制成这样,

我对着官网文档看了好久..还是只能做成这样
现在的问题是，
1.中间的那个大总数文字统计，
2.还有label上的字数统计,
3.label的小圆点
怎么能弄出来？

下面是我的代码:

app.title = '环形图';

option = {

 title: { 
    text: '年龄情况',
    left: 'center',
    bottom: 20,
    textStyle: {
        color: 'rgb(57,57,56)'
    }
},
tooltip: {
    trigger: 'item',
    formatter: "{a} <br/>{b}: {c} ({d}%)"
},

series: [
    {
        name:'访问来源',
        type:'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        
        
        label: {
            normal: {
                show: true,
                textStyle: {
                    color: 'rgb(104,104,104)'
                }
            },
            emphasis: {
                show: true,
                textStyle: {
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            }
        },
        labelLine: {
            normal: {
                show: true,
            }
        },
        
        
        data:[
            
            {value:8, name:'46至55岁'},
            {value:13, name:'其他'},
            {value:30, name:'56岁及以上'}
            
        ]
    }
]

};

Answer 1

找到一个例子 ： http://gallery.echartsjs.com/...

Answer 2

中间的大字可以用title,位置xy都是center
label可以用formatter和rich两行不同样式
label富文本

Answer 3

label 富文本里面有个formatter可以写dom 加class名，想怎么玩怎么玩