echarst饼图显示百分比

series: [
    {
        /* top: -50,
            right:-200,*/
        type: 'pie',
        radius: ['30%', '60%'],
        // center: ['', ''],第一个值调整左右,第二个值调整上下
        center: ['75%', '35%'],
        avoidLabelOverlap: false,
        itemStyle: { // 图形样式
            normal: { // normal 是图形在默认状态下的样式;emphasis 是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时。
                label: {
                    show: true,
                    position: 'inner',
                    formatter: '{d}%',
                    distance: 0.7, // 这项是标识距离中心点的距离
                    textStyle: {
                        align: 'center',
                        baseline: 'middle',
                        fontFamily: '微软雅黑',
                        fontSize: '14px',
                        fontWeight: 'bold'
                    }
                },
                /* label: {
                        color: '#ffffff',
                        show : true,
                        formatter: '{b}: {c}%\n',
                        padding: [0, -57]
                    },*/
                labelLine: {
                    show: false,
                    length: 10,
                    length2: 80,
                    lineStyle: {
                        color: '#ffffff'
                    }
                }
                /* label : {  //饼图图形上的文本标签
                        show : true , //平常不显示
                        fontSize: '14px',
                        fontWeight: 'bold'
                    },
                    labelLine : {     //标签的视觉引导线样式
                        show : false  //平常不显示
                    }*/
            }
            /* emphasis : {   //normal 是图形在默认状态下的样式;emphasis 是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时。
                     label : {  //饼图图形上的文本标签
                         show : true,
                         position : 'center',
                         textStyle : {
                             fontSize : '10',
                             fontWeight : 'bold'
                         }
                     }
                 }*/
        },

        data: []
    }
]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值