echarts3-饼形图label样式

var option = {title: {text: '站点状态',left: 'center'},tooltip: {trigger: 'item',formatter: "{a} 
{b}: {c} ({d}%)"},legend: {orient: 'vertical',x: 'left',data:['正常','超标']},series: [{name:'站点状态',type:'pie',radius: [0, '55%'],label: {align: 'left',normal: {formatter: ['{title|{b}}{abg|}','  {valueHead|数值}{rateHead|占比}','{hr|}','  {value|{c}}{rate|{d}%}'].join('\n'),backgroundColor: '#eee',borderColor: '#fff',shadowColor: 'rgba(0, 0, 0, 0.4)',shadowBlur: 10,borderWidth: 1,borderRadius: 4,rich: {title: {color: '#eee',align: 'center'},abg: {backgroundColor: '#4169e1',width: '100%',align: 'right',height: 25,borderRadius: [4, 4, 0, 0]},valueHead: {color: '#333',height: 24,width: 30,align: 'center',padding: [0, 20, 0, 10]},value: {height: 30,width: 30,align: 'center',padding: [0, 20, 0, 0]},rateHead: {color: '#333',height:24,width: 30,align: 'center',padding: [0, 20, 0, 10]},rate: {height: 30,width: 30,align: 'center',padding: [0, 10, 0, 10]},hr: {borderColor: '#fff',width: '100%',borderWidth: 0.5,height: 0}}}},data:[{value:44, name:'正常', itemStyle:{color : '#4169e1'}},{value:55, name:'超标',itemStyle:{color : 'red'}}]}]};

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！