大小圆echarts 饼配置项内容和展示

类似玫瑰图，但是可以修改每一块的半径

                            option = {



                          legend: {
                              
                              x:'0',
                              y:'0',
                              itemGap:2, //图例间隔
                              orient: 'vertical', //图例排列
                              formatter: function(name) {
                                  return `${name}`;
                              },
                              itemWidth: 15,
                              data: [{
                                      name: '已缴纳',
                                      // 强制设置图形为圆。

                                      // 设置文本为红色
                                      textStyle: {
                                          color: 'red'
                                      },

                                  }, {
                                      name: '未缴纳',
                                      color: 'red',
                                      // 强制设置图形为圆。


                                      // 设置文本为红色
                                      textStyle: {
                                          color: 'red'
                                      }
                                  },

                              ]

                          },
                          tooltip: {
                              trigger: 'item',

                          },
                          calculable: true,
                          series: [{
                                  name: '保证金缴纳情况1',
                                  type: 'pie',
                                  labelLine: {
                                      show: false
                                  },
                                  //  radius: [60, 90],
                                  center: ['50%', '50%'],
                                  data: [{
                                          name: '已缴纳',
                                          value: 60, // 右
                                          label: {
                                              show: false
                                          },
                                          itemStyle: {
                                              color: '#5aece3'
                                          }
                                      },
                                      {

                                          name: '未缴纳1',
                                          value: 100, // 左
                                          itemStyle: {
                                              color: 'transparent'
                                          }
                                      }
                                  ]
                              },
                              {
                                  name: '保证金缴纳情况2',
                                  type: 'pie',
                                  labelLine: {
                                      show: false
                                  },
                                  label: {
                                      show: false
                                  },
                                  radius: [0, 200],
                                  center: ['50%', '50%'],
                                  data: [{
                                          value: 60, // 右
                                          name: '已缴纳',
                                          itemStyle: {
                                              color: 'transparent'
                                          }
                                      },
                                      {
                                          name: '未缴纳',

                                          value: 100, // 左
                                          itemStyle: {
                                              color: '#ec5a68'
                                          }
                                      }
                                  ]
                              }
                          ]
                      }