百分比pie

描述:当前是关于Echarts图表中的 饼图 示例。
 
            option = {
          title: {
            text: '80%',
            x: 'center',
            y: 'center',
            textStyle: {
              fontWeight: 'normal',
              color: '#0580f2',
              fontSize: '90'
            }
          },
          color: ['rgba(176, 212, 251, 1)'],
          tooltip: {
            show: false,
            formatter: '{a} <br/>{b} : {c} ({d}%)'
          },
          legend: {
            show: false,
            itemGap: 12,
            data: ['01', '02']
          },
          toolbox: {
            show: false,
            feature: {
              mark: {
                show: true
              },
              dataView: {
                show: true,
                readOnly: false
              },
              restore: {
                show: true
              }
            }
          },
          series: [{
            name: 'Line 1',
            type: 'pie',
            clockWise: true,
            radius: ['50%', '56%'],
            itemStyle: {
              normal: {
                label: {
                  show: false
                },
                labelLine: {
                  show: false
                }
              }
            },
            hoverAnimation: false,

            data: [{
              value: 80,
              name: '01',
              itemStyle: {
                normal: {
                  color: {  // 完成的圆环的颜色
                    colorStops: [{
                      offset: 0, color: '#00cefc' // 0% 处的颜色
                    }, {
                      offset: 1, color: '#367bec' // 100% 处的颜色
                    }]
                  },
                  label: {
                    show: false
                  },
                  labelLine: {
                    show: false
                  }
                },
                emphasis: {
                  color: '#00cefc' // 鼠标悬浮上去完成的圆环的颜色
                }
              }
            }, {
              value: 20,
              name: 'invisible'
            }]
          }
          ]
        }