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           ]

 

再次展示：



完成。

posted @ 2020-09-28 17:00  阿莫夕林  阅读(2622)  评论(0)    收藏  举报