当前位置:   article > 正文

echarts饼状图隐藏标示线和标示文字_echarts饼图 隐藏labelline

echarts饼图 隐藏labelline
//在建项目分布饼状图
proHoursPieOption = {
    title : {
        // text: '材价来源占比分析',
        x: 15,
        y: 15,
        textStyle:{  //标题文字设置
            fontSize: '12',
            fontWeight: 'normal',
            color: '#666'
        }
    },
    legend: {  //小标签
        data:['私有云','数据中心','造价通','供应商'],
        x: 'center',
        y: 'bottom',
        padding: [5,25,30,35]
        // itemGap: 15,
        // itemHeight: 19,
        // itemWidth: 30,
        // textStyle: {
        //     color: '#999'
        // }
    },
    tooltip : {  //hover提示
        trigger: 'item',
        formatter:'{b}:{c}%'
        // formatter:function(params){
        //     return params.name+'<br/>总条数 : '+params.data.totalNumber+'条 <br/>占比:'+ (params.percent - 0).toFixed(2)+'%';
        // }
    },
    calculable : true,
    color: ['#1fc7bd','#f6bb42','#f476af','#76aff4'],  //每个区域颜色
    series : [
        {
            name:'工作占比',
            type:'pie',
            // roseType: 'angle',
            radius : '60%',   //饼图大小
            center: ['50%', '40%'],  //饼图x,y位置
            itemStyle : {
                normal : {
                    label : {
                        show : false   //隐藏标示文字
                    },
                    labelLine : {
                        show : false   //隐藏标示线
                    }
                }
            },
            data:[
                {name: '私有云',value: 25},
                {name: '数据中心',value: 60},
                {name: '造价通',value: 30},
                {name: '供应商',value: 30}
            ]
        }
    ]
};
附图:
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/114742
推荐阅读