echart饼状图直接显示占比率


需求在echart的饼状图上标签后处显示占比率

需求图:

添加代码:

 1           series: [
 2             {
 3               name: '产品占比',
 4               type: 'pie',
 5               radius: '55%',
 6               center: ['50%', '60%'],
 7               data: productDate.valueList,
 8               emphasis: {
 9                 itemStyle: {
10                   shadowBlur: 10,
11                   shadowOffsetX: 0,
12                   shadowColor: 'rgba(0, 0, 0, 1)',
13                 }
14               },
15               label: {
16                 normal: {
17                   show: true,
18                   formatter: '{b} : {c} ({d}%)'
19                 },
20                 labelLine: {show: true}
21               },
22               color: ['#51CEC6', '#FFB703', '#5FA0FA', '#698B69', '#8B7765', '#95E889', '#16A085', '#4A235A', '#C39BD3',
23                 '#BA4A00', '#616A6B', '#3498DB']
24             }
25           ]

 

再次展示:



完成。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM