1. 程式人生 > >echarts餅狀圖隱藏標示線和標示文字

echarts餅狀圖隱藏標示線和標示文字

//在建專案分佈餅狀圖
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} ] } ] };
附圖: