猿问

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

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

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

https://img3.mukewang.com/5c8767190001921305630496.jpg

下面是我的代码:

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岁及以上'}

            

        ]

    }

]

};


千万里不及你
浏览 538回答 3
3回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答