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

本文详细介绍了如何使用ECharts配置饼图的各项属性,包括如何设置字体大小、各项数值占比及显示格式等内容。通过调整配置项,可以实现饼图美观且直观的数据展示效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值