Echarts中饼状图显示百分比

最新推荐文章于 2024-08-06 16:03:00 发布

jiandan7410

最新推荐文章于 2024-08-06 16:03:00 发布

阅读量1.6k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/jiandan7410/article/details/119907417

版权

样式：
在这里插入图片描述
关键代码：label中的部分为显示百分比的关键代码

series : [ {
　　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)'
　　　　}
　　}
} ]