鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ echart 怎么定制成如圖的樣式?

echart 怎么定制成如圖的樣式?

現(xiàn)在有一個(gè)需求要定制成這樣,
clipboard.png

我對(duì)著官網(wǎng)文檔看了好久..還是只能做成這樣
現(xiàn)在的問(wèn)題是,
1.中間的那個(gè)大總數(shù)文字統(tǒng)計(jì),
2.還有l(wèi)abel上的字?jǐn)?shù)統(tǒng)計(jì),
3.label的小圓點(diǎn)
怎么能弄出來(lái)?

clipboard.png

下面是我的代碼:

app.title = '環(huán)形圖';

option = {


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

series: [
    {
        name:'訪問(wèn)來(lái)源',
        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歲及以上'}
            
        ]
    }
]

};

回答
編輯回答
爛人

label 富文本里面有個(gè)formatter可以寫(xiě)dom 加class名,想怎么玩怎么玩

2018年2月10日 20:05
編輯回答
純妹

中間的大字可以用title,位置xy都是center
label可以用formatterrich兩行不同樣式
label富文本

2017年6月11日 19:11
編輯回答
卟乖

找到一個(gè)例子 : http://gallery.echartsjs.com/...

2017年8月9日 10:29