echart餅狀圖直接顯示占比率

需求：在echart的餅狀圖上標簽后處顯示占比率

需求圖：

添加代碼：

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

 

再次展示：



完成。