Echarts饼图各项数值和占比显示,以及字体大小调整

来源:互联网 发布:量化投资算法 编辑:程序博客网 时间:2024/06/06 05:06
series : [ {
//name : '',
name:'',
type : 'pie',
radius : '65%',
center : [ '50%', '50%' ],
label : {
normal : {
formatter: '{b}:{c}: ({d}%)',
textStyle : {
fontWeight : 'normal',
fontSize : 15
}
}
},

data:[],
itemStyle : {
emphasis : {
shadowBlur : 10,
shadowOffsetX : 0,
shadowColor : 'rgba(0, 0, 0, 0.5)'
}
}

} ]

红色部分,字体大小以及各项数值占比都在lable的normal{}中配置,在formatter中配置各项显示数值百分比等,

其中{b}表示各项名称,此项配置为默认显示项,{c}表示此项的数量显示,默认不显示,({d}%)表示此项占比,默认不显示。

textStyle:{}用来配置字体属性,fontWeight表示文字字体的粗细,可选'normal''bold''bolder''lighter';

fontSize表示字体大小,默认为12,通过配置此项来调节饼图各项字体大小显示。

阅读全文
1 0
原创粉丝点击