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

xiaoxiao2021-02-28  90

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,通过配置此项来调节饼图各项字体大小显示。

转载请注明原文地址: https://www.6miu.com/read-30517.html

最新回复(0)